表单在Web网页中用以让访问者输入数据,当提交表单时,表单中输入的数据被打包传递给Web服务器端的程序以处理,从而使得Web服务器与用户之间具有交互功能。
首先我们来说说关于表单的工作机制,浏览器将用户在表单中输入的数据进行打包,并发送给服务器-->服务器接收数据并转由程序处理-->访问一个包含表单的页面,输入数据后,“提交”表单。
在HTML文档中,<form></form>标记对用来定义表单的开始和结束
在表单<form></form>之间嵌入各类表单控件标记(表单元素)——如文本输入框、列表框、单选按钮、提交按钮等——供用户输入信息数据
表单控件标记和表单<form>标记一起工作,共同发挥作用
<form>标记的重要属性
action属性:指定表单数据提交至何处
method属性:指定表单数据提交的方式
<form action=“url”method=“post”>
</form>
其中url是用户想要的地址
表单控件标记 <input> <select> <textarea>
1、<input>
<input>能够演变为表单中许多不同的元素,取决于type属性
type取值:
text(单行输入文本框)
submit(提交按钮)
password(密码输入文本框)
radio(单选按钮)
checkbox(复选框)
reset(复位按钮)
button(普通按钮)
<input type =“type值”name=“名称”/><input>输入文本框用来输入一行文本
<inputtype = “text”name=“名称”/>
type属性值为“text”的<input>标记在网页中创建一个单行文本框
结束标记写法:<input>是空元素
name属性:指定一个表单元素的名称<input type =“text” name =“userName”></input>
<input>输入文本框的value属性
value属性:可以用来设置文本框的初始值
<input type =“text” name=“userName” value=“admin”/>
<input>提交按钮:创建一个用以提交表单的按钮
<inputtype=“submit” value=“提交”/>
type属性值:submit
value属性值:指定按钮上显示文字,不指定,浏览器采取默认显示
作用:点击提交按钮,浏览器将提交表单,打包的数据被提交至何处?表单<form>标记的action属性指定,数据提交的方式是由表单<form>标记的method属性指定
说一下method属性get和post的区别,一般get是不能将密码隐藏起来,意思就是提交密码用的是post!