选择框的样式,

xiaoxiao2021-02-28  96

选择框的样式

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 是为了显示数据,但又不想让浏览用户看到,数据只是提供给设计页面的程序员控制页面使用的;
转载请注明原文地址: https://www.6miu.com/read-40945.html

最新回复(0)