选择框的样式
Accept属性指定可选择的文件类型:
accept 属性只能与 <input type="file"> 配合使用。它规定能够通过文件上传进行提交的文件类型。
<input type=”file” accept=”doc”>
如果不限制图像的格式,可以写为:<input type="file" accept="image/*/>
在文件上传中使用 accept 属性,本例中的输入字段可以接受 GIF 和 JPEG 两种图像:
<input type="file" accept="image/gif, image/jpeg" />
上传文件需要指定对应表单的属性。
<form enctype="multipart/form-data">
下拉列表
下拉列表的优点:
(1)节省页面空间
(2)方便输入
(3)规范输入
<form action="c.html" method="post">
省份:<select name="provice">
<option value="41">河南</option>
<option value="33">浙江</option>
<option value="32">江苏</option>
<option value="36">江西</option>
</select>
<input type="submit">
</form>
<select>标签定义了一个下拉列表
<option>标签定义了以下拉列表的一个选项
<select>标签的name属性定义了提交的参数名,
<option>标签定义了所显示的文本,
省份:河南 提交
提交参数如下:
http://localhost:63342/untitled/7.10/c.html?provice=41
设置multiple属性来实现多选,crtl+单击选择多个
颜色:<select name="color"multiple="multiple">
<option value="red">红</option>
<option value="yellow">黄</option>
<option value="blue">绿</option>
<option value="white">白</option>
</select>
size属性定义了下拉菜单显示的选项个数,当小于实际选项个数,会自动添加一个滚动条。
Textarea标签主要是为了方便用户输入较多的文字信息,rows是输入文本域的行数,cols是文本域的列数。
<textarea rows="2" cols="100">sss</textarea>
Fieldset标签在信息较多时,可以对其分组,已达到表达清晰的目的,fieldset标签提供信息分组的一种方式,分组后每组都有一个默认边框,同时可以使用<legend>指定标题
</fieldset>
<fieldset>
<legend>经历</legend>
经历: <input type="text" name="name1"value="12223">
经历: <input type="text" name="name1"value="12223">
</fieldset>
应用hidden 是为了显示数据,但又不想让浏览用户看到,数据只是提供给设计页面的程序员控制页面使用的;