- form表单,用来将用户输入的数据和内容传输到后台服务器,服务器处理完成后将结果传送到客户端
- 常用的input标签
type=”text”用来输入文本,默认宽度为20个字符
type=”password”用来输入密码,字段中的字符会显示为星号或者点
type=”radio”定义单选按钮(name相同并且定义value值才能实现单选)
type=”checkbox”定义复选框,加checked属性默认被选上。
type=”textarea”文本域,用来输入多行文本
type=”hidden”隐藏域,用户看不到,用于暂存数据或者安全性校验,以便之后被JS提取,比如一个非常重要的信息需要被提交到下一页,但又不能或者无法明示的时候。
type=”submit”定义提交按钮,提交按按钮会把表单数据发送到服务器
type=”reset”定义重置按钮,重置按钮会清除表单中的所有数据
在input里,name属性是用来区分表单元素的,浏览器将数据以[name]=[用户输入内容]形式传送给服务器,也就是name用来记录和传送用户数据。
<a class="btn" href="#">提交</a>
、<input type="submit" value="提交">
<button>提交</button>
是一个按钮控件,一般执行js代码实现一定的功能或效果。元素内可以放置图像、文本或者多媒体内容。
W3C:如果在 HTML 表单中使用 button 元素,不同的浏览器会提交不同的值。Internet Explorer 将提交
<button>
与<button/>
之间的文本,而其他浏览器将提交 value 属性的内容。(但一般提交数据还是用from表单)
<a class="btn" href="#">
提交</a>:
是一个带有跳转功能的a连接,一般用于链接到另一个网页,“#”表示跳转至本页。<input type="submit" value="提交">:
是一个具有提交功能的表单元素,实现将用户输入的数据或信息传递给服务器。radio 通过具有相同值的name属性进行分组,name的值一定要一致,才能有单选效果
- placeholder 属性,* 占位符,placeholder一般用在文本框或文本域,最为用户输入信息的提示,并不是实际占有文本内容,获取焦点后消失。