首先我们来说说关于表单的工作机制,浏览器将用户在表单中输入的数据进行打包,并发送给服务器-->服务器接收数据并转由程序处理-->访问一个包含表单的页面,输入数据后,“提交”表单。
在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! –
