html<form>表单标签使用在一个网页中数据提交标签。 例如,可以在留言板,评论等中填写数据,表单提交标签是提交处理所必需的。
<form>表单标签包含输入框input,单选,多选,select下拉列表菜单和跳转菜单,提交按钮和其他标签元素。
使用<form></ form>声明表单区域,并在<form>中填写action的值作为表单区域中提交内容发送到的页面地址。
扩展资料:
1、<form>表单的属性有:
accept-charset、action、method、name、target等。其中:
(1)action:表单提交的地址,action的地址就是要提交的服务器的地址。
(2)method:以何种方式提交,常见的为get和post,区别在于一个是明文(在url中显示),一个是暗文。
2、<form>标签使用示例:
<form action="demo_form.php" method="get">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="提交">
</form>
当点击submit按钮时,浏览器会自动将表单信息封装提交至action中的地址。所谓的提交就是访问action中地址并携带着form表单中input,textarea,select的信息。
HTML <form>元素表示文档中的一个区域,此区域包含交互控件,用于向 Web 服务器提交信息。
默认是 块级元素
我们可以用 :valid 和 :invalid CSS伪类来设置 <form> 元素的样式,此时样式的表现取决于表单中的 elements 是否有效。
运行结果:
<fieldset>标签用于对表单中的控制元素进行分组(也包括 label 元素)。
fieldset标签默认是块级标签(display: block)
fieldset中的<legend>元素会放在块级起始处的边界上。
一个匿名框包围fieldset中的内容,这个匿名块继承了fieldset的一些属性,如display属性。
注意事项
1、fieldset的标题有第一个<legend>子元素确定。
2、disable属性将会继承到子代的表单控件元素上,但是<legend>标签中的表单控件元素不会继承。
3、在不同的fieldset中的同名的type=radio中,也只会选择一个。
用于表示其父元素 <fieldset>的内容标题。
注意事项
1、legend标签中不仅可以存放普通的字符,还可以添加表单控件元素。
案例
运行结果:
html使用<form>标签来创建表单表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。
表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。
表单用于向服务器传输数据。
注意:form 元素是块级元素,其前后会产生折行。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)