一、表单
表单是用来收集信息的
表单就是由一些控件组成和文本组成
表单控件:包含了具体的表单功能项,如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。
提示信息:一个表单中通常还需要包含一些说明性的文字,提示用户进行填写和操作
表单域:他相当于一个容器,用来容纳所有的表单控件和提示信息,可以通过他定义处理表单数据所用程序的url地址,以及数据提交到服务器的方法。如果不定义表单域,表单中的数据就无法传送到后台服务器
二、表单域
<form action=“url地址” method=“提交方式” name=“表单域名称">
<fieldset>
<legend>分组名称</legend>
<label for="test">test</label>
<input type="text" id="test" />
<input type="text" />
</fieldset>
</form>
表单域是一个包含表单元素的区域。 在 HTML 标签中, <form> 标签用于定义表单域,以实现用户信息的收集和传递。
<form> 会把它范围内的表单元素信息提交给服务器。
在写完action和method,在写一个submit按钮,即提交按钮,就能进行数据的提交,注意这个按钮一定要写在form标签里 <input type=’submit’>,每一个input标签都需要有一个name属性,用来区分控件,才能进行提交。
一定要用name,才能发送值。
name的作用有很多,后面回来举例。
属性 | 属性值 | 作用 |
---|---|---|
action | url地址 | 用于指定接收并处理表单数据的服务器程序的url地址。 |
method | get/pos | 用于设置表单数据的提交方式,其取值为get或post。 |
name | 名称 | 用于指定表单的名称,以区分同一个页面中的多个表单域。 |
fieldset | 将表单分组,有一个框框住里面的控件,可以写 style=“border: none”>来去除边框 | |
legend | 分组的名称,写在里的文字会出现在边框上 | |
label | 一般和控件一起使用,就是控件的说明,它的for属性对应控件的id,且只对应id,这样点击这个文字,会自动聚焦到这个控件上,即点击了这个控件。 |