Form表单

Posted 2020-09-26

表单在html页面中起着重要的作用，它是与用户交互信息的主要手段。一个表单包括说明性的文字，提供用户输入内容的控件，以及提交的按钮等。

<form>标签的主要作用是设定表单的范围，并指定处理表单数据程序的url地址。

<form action=" " method=" get或者past">

action:用于设定处理表单数据程序url的地址。

method:指定数据传送到服务器的方式。传送的方式主要有两种f分别为get和post。

get方式：get提交表单时，所有被提交的内容都会被显示在浏览器地址栏中，并会被浏览器记录在缓存里，因此提交敏感信息(如密码、银行账号等)不能使用GET方式。GET提交时URL有长度限制，一般不能超过255个字节。

post方式：post方式提交表单时，表单的内容不会显示在浏览器中，浏览器中只会显示接受该表单数据的Servlet路径，因此past可以用于提交敏感数据。提交方面不瘦内容长度限制。

<input type="text" placeholder="请输入账号">（创建文本框）

<input type="password"=placeholder="请输入密码">（创建密码框）

按钮

<input type="button" value="点击我">（创建一个名字叫点击我的按钮）

<input type="reset"  value="重置">（创建一个重置按钮）

<input type="submit" value="提交">（创建一个提交按钮）

<buttom>提交<buttom>（创建一个提交按钮）

下拉框

<select name = "id" ="">

　　<option value="">四川</option>

　　<option vaule="">黑龙江</option>

</select>

<label>标签

<label>标签为input元素定义标注。不会向用户呈现任何效果，不过它为鼠标用户改进了可用性，如果在label元素内点击文本，就会触发控件，提升了用户体验。就是说当用户选择该标签时，浏览器会自动将焦点转到和标签相关的表单控件上。