选择域标记<select>和<option>-PHP与Web页面交互-学通PHP http://www.xn--ttss6e.net
  • 生活导航网杭州第一网
  • 通过选择域标记<select>和<option>可以建立一个列表或者菜单。菜单节省空间,正常状态下只能看到一个选项,单击按钮打开菜单后才能看到全部的选项。列表可以显示一定数量的选项,如果超出了这个数量,会自动出现滚动条,浏览者可以通过拖动滚动条来查看各选项。其语法格式如下:

    <select name="name" size="value" multiple="multiple"> <option value="value" selected>选项 1</option> <option value="value">选项2</option> <option value="value">选项3</option> ... </select>

    其中参数name表示选择域的名称:参数size表示列表的行数;参数value表示菜单选项值;参数multiple表示以菜单方式显示数据,省略则以列表方式显示数据。

    选择域标记<select>和<option>的显示方式及举例如表

    显示方式 举例 说明 运行结果
    列表方式 <select name="spec" id="spec"><option value="0" selected>网络编程</option><option value="1">办公自动化</option><option value="2">网页设计</option><option value="3">网页美工</option></select> 下拉列表框,通过选择域标记<select>和<option>建立一个列表,列表可以显示一定数量的选项,如果超出了这个数量,会自动出现滚动条,浏览者可以通过拖动滚动条来查看各选项。selected属性用来设置该菜单项时默认被选中。 请选择所学专业:
    菜单方式 <select name="spec" id="spec" multipleL><option value="0" selected>网络编程</option><option value="1">办公自动化</option><option value="2">网页设计</option><option value="3" value="3">网页美工</option></select> multiple属性用于下拉列表<select>标记中,指定该选项用户可以使用Shift和Ctrl键进行多选。 请选择所学专业:

    表中给出了静态菜单项的添加方法,而在Web程序开发过程中,也可以通过循环语句动态添加菜单项。

    文本域标记<textarea>

    文本域标记<textarea>用来制作多行的文本域,可以在其中输入更多的文本。其语法格式如下:

    <textarea name="name" rows="value" cols=value value="value" wrap="value"> ...文本内容 </textarea>

    其中,参数name表示文本域的名称,rows表示文本域的行数,cols表示文本域的列数(这里的 rows 和cols以字符为单位),value表示文本域的默认值。warp用于设定显示和送出时的换行方式,值为off表示不自动换行:值为hard表示自动按Enter键换行,换行标记一同被发送到服务器,输出时也会换行;值为soft表示自动按Enter键换行,换行标记不会被发送到服务器,输出时仍然为一列。

    文本域标记<textarea>的值及举例如表所示。

    文本域标记<textarea>的值及举例

    举例 说明 运行结果
    textarea <textarea name="remark" cols="20" rows="4" id="remark">请输入您的建议!</textarea> 文本域,也称多行文本框,用于多行文本的编辑。默认warp属性时默认为自动换行方式 请发表您的建议:
    http://www.xn--ttss6e.net http://www.xn--ttss6e.net
  • 选择域标记<select>和<option>-PHP与Web页面交互-学通PHP
  • 分享到QQ空间