选择框的样式,

来源:互联网 发布:天尚网络机顶盒 编辑:程序博客网 时间:2024/05/30 18:29

选择框的样式

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" />  

上传文件需要指定对应表单的属性。

<formenctype="multipart/form-data">

下拉列表

下拉列表的优点:

(1)节省页面空间

(2)方便输入

(3)规范输入

<formaction="c.html" method="post">
省份:<selectname="provice">
   
<optionvalue="41">河南</option>
   
<optionvalue="33">浙江</option>
   
<optionvalue="32">江苏</option>
   
<optionvalue="36">江西</option>
</
select>
<
inputtype="submit">
</
form>

 

<select>标签定义了一个下拉列表

<option>标签定义了以下拉列表的一个选项

<select>标签的name属性定义了提交的参数名,

<option>标签定义了所显示的文本,

省份:河南 提交

提交参数如下:

http://localhost:63342/untitled/7.10/c.html?provice=41

 

设置multiple属性来实现多选,crtl+单击选择多个

颜色:<selectname="color"multiple="multiple">
   
<optionvalue="red"></option>
   
<optionvalue="yellow"></option>
   
<optionvalue="blue">绿</option>
  
 <optionvalue="white"></option>

</
select>

 

size属性定义了下拉菜单显示的选项个数,当小于实际选项个数,会自动添加一个滚动条。

Textarea标签主要是为了方便用户输入较多的文字信息,rows是输入文本域的行数,cols是文本域的列数。

<textarearows="2" cols="100">sss</textarea>

 

Fieldset标签在信息较多时,可以对其分组,已达到表达清晰的目的,fieldset标签提供信息分组的一种方式,分组后每组都有一个默认边框,同时可以使用<legend>指定标题

</fieldset>
<
fieldset>
   
<legend>经历</legend>
   
经历:<inputtype="text" name="name1"value="12223">
   
经历:<inputtype="text" name="name1"value="12223">
</
fieldset>

隐藏域
     应用hidden 是为了显示数据,但又不想让浏览用户看到,数据只是提供给设计页面的程序员控制页面使用的;

原创粉丝点击