关于form与表单元素的相关知识总结
2017-11-04 00:00
267 查看
form元素:
form元素的DOM接口是HTMLFormElement,继承自
HTMLElement,因而它与其他的HTML元素拥有相同的默认属性,不过它自身还有几个独有的属性和方法:
accept-charset:服务器能够处理的字符集,多个字符集用空格分割;
length:表单中控件的数量;
method:要发送的HTTP请求类型,通常是“get”或“post”,该值可以被form元素中的input或button元素的formmethod属性覆盖;
name:表单的名称;
reset():将所有表单域重置为默认值;
submit():提交表单;
autocomplete:是否自动补全表单元素;
input元素:
input元素是应用非常广泛的表单元素,根据type属性值的不同,有以下几种常用用法:文本输入:<input type="text" name=""> 提交输入:<input type="submit"> 单选钮输入:<input type="radio" name="必须有相同的名字" value="填的值最好对应"> 复选框输入:<input type="checkbox" name="相同的名字" value="不同的对应值"> 数字输入:<input type="number" min="" max=""> //输入框只能输入数字,可设置最大值,最小值。 范围输入:<input type="range" min="" max="">类似number, //但它会显示一个滑动条,而不是输入框。 颜色输入:<input type="color"> //会弹出一个颜色选择器。 日期输入:<input type="date"> //会弹出一个日期选择器。 email输入: <input type="email"> //显示为一个文本输入框,并会弹出一个定制键盘。 tel输入:<input type="tel"> //跟email输入类似 url输入 :<input type="url"> //跟email输入类似,也会弹出一个定制键盘。 textarea元素可以创建一个多行的文本区: <textarea name="" id="" cols="30" rows="10"></textarea> //其中cols和row的属性值分别表示文本区宽度和高度的字符。 select元素和option元素结合使用可创建一个下拉菜单: <select name="" id=""> <option value=""></option> <option value=""></option> <option value=""></option> </select>
radio
如何 分组? 设置不同的 name属性即可: 这就是两组radio<input type="radio" name="favourite" value="玩游戏"> //玩游戏 <input type="radio" name="favourite" value="写代码"> //写代码 <input type="radio" name="sex" value="man">男 <input type="radio" name="sex" value="woman">女
placeholder
提供可描述输入字段预期值的提示信息(hint)。该提示会在输入字段为空时显示,并会在字段获得焦点时消失。
type=hidden
定义隐藏的input。隐藏字段对于用户是不可见的。隐藏字段通常会存储一个默认值,它们的值也可以由 JavaScript 进行修改。比如用于安全方面,给后台传输用户不可见的name 和value值,让后台做校验,防伪造页面。
相关文章推荐
- HTML 中表单form 的相关知识
- 关于表单form元素中onsubmit事件处理机制的认识
- html 表单form相关知识
- 关于easyui中datagrid数据网格与form表单的使用总结
- jsp页面中的错误总结,关于form表单的button和submit按钮
- 总结:关于Sizeof的相关知识
- javascript表单处理相关的知识总结(一)
- 关于FORM表单元素NAME和ID的获取问题
- 关于Struts2的相关知识总结及应用
- 关于表格动态添加行并处理相关表单元素的一些修改----优化for重用(1)
- 关于Redis的相关知识个人总结
- 关于struts中的表单元素- Form bean not specified on mapping for action: "helloa.do"报错
- jQuery获取form表单元素值 总结
- 工作中关于浏览器相关知识的总结
- html基础知识点--表单元素及其相关知识
- html中表单form的相关知识
- 关于jQuery获取form表单值的方法总结
- 【转载总结】关于泛型基类的相关知识
- 关于win32 dll 的相关知识总结
- HTML 中表单form 的相关知识