HTML表单的用法

1.简介

HTML表单是一个包含表单元素的区域,用来收集用户输入的内容并提交。
表单元素通常包括文本域(textarea)、单选框(radio-buttons)、复选框(checkboxes)等。
表单使用标签<form>来设置。

form的属性:
  • action:规定当提交表单时,向何处发送表单数据。action取值为:第一,一个URL(绝对URL/相对URL),一般指向服务器端一个程序,程序接收到表单提交过来的数据(即表单元素值)作相应处理。
  • method:该属性定义浏览器将表单中的数据提交给服务器处理程序的方式。最常用的值是get和post。

2.表单元素

表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。

  • 1.input标签常见元素:
input标签 作用
text 单行文本框
password 圆点密码框
button 普通按钮
submit 提交所有数据按钮
checkbox 多选框
radio 单选框
file 文件上传
reset 重置所有项
hidden 隐藏域

格式:<input type="text" name="" value="">

  • 2.<select>标签:下拉菜单
    <select name="car">
    <option value="宝马">宝马</option>
    <option value="萨博" selected="">萨博</option>
    </select>
    设置selected为默认选项

  • 3.<textarea></textarea>:多行文本
    多行文本<textarea>创建一个可输入多行文本的文本框,<textarea>没有value属性,<textarea>文本</textarea>,cols=“50”、rows=“15”属性表示行数和列数,不指定则浏览器采取默认显示。

  • 4.<label></label>标签
    在<input type=“text”>前可以写普通的文本来修饰,但是单击修饰文本的时候input并不会得到焦点,而用label则可以,for属性指定要修饰的控件的id,<label for=“txt1” >内容</label>;”,然后按下alt+u(了解)。accesskey=“u“,label的另一个属性。

3.name属性的作用

name属性规定了input元素的名称,用于后续提交表单数据,或者在JS中引用表单。 POST和GET的时候,name和input中的值会形成的 键/值 对,服务器端的表单处理程序只有通过name才能获取到相应的用户输入。 check和radio靠相同的name值分组。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、表单 1. 表单的作用 HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户...
    zx9426阅读 463评论 0 1
  • HTML表单的用法 表单表单作用:HTML表单用于搜集不同类型的用户输入。表单的工作机制访问一个含有表单的页面输入...
    饥人谷_罗丹阅读 297评论 0 0
  • form表单 html的表单用于搜集各种用户输入信息并提交,能增加网站的交互效果。表单是一个包含表单元素的区域,用...
    进击的前端_风笑影阅读 428评论 0 1
  • 表单是一个包含表单元素的区域,而表单元素是运行用户在表单中输入信息的元素。通过表单,用户可以向服务器提交数据,而服...
    饥人谷_半岛王子阅读 568评论 0 51
  • 姓名:郑文华 公司:宁波大发化纤有限公司 《六项精进》289期学员 【日精进打卡第10天】 【知~学习】 《六项精...
    13c78e1e6538阅读 181评论 0 0