选择框的样式,
来源:互联网 发布:天尚网络机顶盒 编辑:程序博客网 时间: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 是为了显示数据,但又不想让浏览用户看到,数据只是提供给设计页面的程序员控制页面使用的;
- WPF 的选择框样式
- 简单实用的选择框样式
- 按钮样式的文件选择框
- 自定义checkbox选择框的样式
- 选择框的样式,
- 样式表的选择顺序
- css的样式选择优先级
- 如何设置Select下拉选择框(菜单)的样式
- checkbox文字和选择框对齐的CSS样式
- 帮助自定义选择框样式的Javascript - DropKick.js
- miniui中selectTree树形选择框的样式调整
- 表单文件选择框样式
- select选择框自定义样式
- HTML 对字体的样式的选择
- js中选择外部样式表中样式的方法
- c# 设置属性的样式(选择文件)
- 选择样式的日期时间js代码
- 修改select边框样式,郁闷的选择
- html的下拉列表和表格
- Android 手势
- R语言数据清洗与规整-回归模型为例
- 设计模式(十四)Singleton
- 2017-07-10(JS)
- 选择框的样式,
- 【CJOJ1494】【洛谷2756】飞行员配对方案问题
- BS4模块爬取第一财经练手
- JZOJ 7.9 B组第二题 blockenemy
- mongo数据库上传多媒体文件(视频/音频)文件问题
- JS中的!=、== 、!==、===的用法和区别
- Android 使用ViewFlipper实现图片切换
- 单例模式
- HTML知识总结3