form
form标签即表单标签 用于声明表单区域 即囊括其中的元素 属性和数据 使他们成为一个部分
最主要的用处是给提交和重置按钮设置一个生效区域
form标签中还有一些比如action、method等等这些重要的属性
action
action属性用于指定表单提交的地址,列如action="login.jsp
表示表单数据会提交到login.jsp的页面去处理。
method
method属性用于设置表单数据的提交方式,其取值为GET或POST,其中GET为默认值,这种方式提交的数据将显示在浏览器的地址栏中,保密性差且有数据量限制。而使用POST提交方式不但保密性好,还可以提交大量的数据,理论上没有数据长度的限制,所以开发中通常使用POST方式提交表单。
<form action="url地址" method="提交方式" name="表单名称">
........
........
数据内容
........
<input type="reset"/>
<!--重置按钮-->
<input type="submit"/>
<!--提交按钮-->
</form>
input
input标签<input />
用于创建一个文本输入框
可以在其中加入type
改变文本框中输入字符的样式
也可加入value
为文本框加入默认值
<input type="text" value="爱你哟"/>
设置纯文本输入框 同时设立爱你哟为文本框默认值
还有一些例子 如下
<input type="text"/>
用于创建一个输入内容可视的文本输入框 可在标签里面加入value="默认值"来为文本框添加默认值
<input type="password"/>
用于创建一个内容不可视的文本输入框
<input type="radio" />
用于创建一个选项
注:
性别:<input type="radio" name="sex"/>男<input type="radio" name="sex" checked="checked"/>女<br />
<!--<input type="radio" />用于创建一个选项 加入 name(<input type="radio" name="sex"/>)用于为标签分组 可以为多个选项设置为同一个组 当他们属于同一个组后 他们所有的选项只能同时选一个
checked="checked"表示默认选中 即当用户不选择 则网页会默认选中有这个的标签
-->
type="checkbox"
用于创建多选选项 但样式是方框+打勾 且不受name(分组)的影响
<input type="reset" value="点我!!!"/>
type="teset"用于创建一个重置按钮 可重置表单里所输入数据的内容 value可以给重置按钮改变上面的字
<input type="submit"/>
type="submit"用于创建一个提交按钮 value也可以给提交按钮改变上面的字
<input type="file" />
type="file"是文件上传域 用来选择文件
<input type="hidden" name="sex" value="123" />
type=hidden是隐藏域 即当我们要发送某些信息,不需要用户参与,就可以使用隐藏域 提交的时候照样会发送给服务器
隐藏域在网页中不bai会有任何显示,只是用来在网页之间du传递信息。它是下个比较特殊zhi的表单元素,在dao某种程度上可以保留网页的某些值。网页的运行是不保留状态的,一个网页浏览完毕,所有的内容都不会保留,通过隐藏域就可以保留一些网页运行过程中的一些值。比如在一个from时放一个用户名,密码等资料,这些是可见的,如果你放在隐藏域,当它点击的时候不但把用户名和密码的值传出去,还会把隐藏域你设定好了的值传给服务器,一般在ASP页面等动态网页中很有用
select
select标签用于创建一个下拉选项
select标签用来创建下拉列表框 option标签用来添加下拉列表框里面的内容
selected="selected"元素用来设置他所在标签为默认选中
<select>
<option>请选择国籍</option>
<option selected="selected">中国</option>
<option>美国</option>
<option>俄罗斯</option>
<option>英国</option>
</select>
textarea
textarea标签用于创建一个多行文本输入框 rous用来设置可以显示几行的高度 cols用来设置每行可以显示几个字符宽度
textarea文本框默认值是起始标签和结束标签中的内容
<textarea rous="10" cols="20">爱你哟</textarea>
想让表单格式化 即让表单看起来有棱有角 有格式 好看可以把表单里面的元素放入到单元格中 即如下
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form>
用户名称:<input type="text" value="默认值" /><br />
<!-- <input type="text"/>用于创建一个输入内容可视的文本输入框 可在标签里面加入value="默认值"来为文本框添加默认值-->
密码:<input type="password"/><br/>
<!-- <input type="password"/>用于创建一个内容不可视的文本输入框-->
性别:<input type="radio" name="sex"/>男<input type="radio" name="sex" checked="checked"/>女<br />
<!--<input type="radio" />用于创建一个选项 加入 name(<input type="radio" name="sex"/>)用于为标签分组 可以为多个选项设置为同一个组 当他们属于同一个组后 他们所有的选项只能同时选一个
checked="checked"表示默认选中 即当用户不选择 则网页会默认选中有这个的标签
-->
兴趣爱好:<input type="checkbox"/>java<input type="checkbox"/>html<input type="checkbox"/>css<br />
<!--type="checkbox"用于创建多选选项 但样式是方框+打勾 且不受name(分组)的影响-->
国籍:<select>
<option>请选择国籍</option>
<option selected="selected">中国</option>
<option>美国</option>
<option>俄罗斯</option>
<option>英国</option>
</select><br />
<!-- select标签用来创建下拉列表框 option标签用来添加下拉列表框里面的内容
selected="selected"元素用来设置他所在标签为默认选中
-->
自我评价:<textarea rous="10" cols="20">爱你哟</textarea>
<!--textarea标签用于创建一个多行文本输入框 rous用来设置可以显示几行的高度 cols用来设置每行可以显示几个字符宽度
textarea文本框默认值是起始标签和结束标签中的内容
-->
<input type="reset" value="点我!!!"/>
<!--type="teset"用于创建一个重置按钮 可重置表单里所输入数据的内容
value可以给重置按钮改变上面的字
-->
<input type="submit"/>
<!--type="submit"用于创建一个提交按钮
value也可以给提交按钮改变上面的字
-->
<input type="file" />
<!--type="file"是文件上传域 用来选择文件-->
<input type="hidden" name="sex" value="123" />
<!--type=hidden是隐藏域 即当我们要发送某些信息,不需要用户参与,就可以使用隐藏域
提交的时候照样会发送给服务器 加入属性没有任何作用
-->
</form>
<!--
何为表单:
表单 即一个表 然后里面可以输入或填入各种信息 比如填入用户账号 密码 性别 喜好 国籍...
即可以填入多种数据 且 各自之间有一定的格式 就比如注册某些账号时候 页面中 需要填入用户信息的那一片 就是一个表单
form标签即表单标签 可用来创建一个表单
-->
</body>
</html>