form input select textarea 表单

form
form标签即表单标签 用于声明表单区域 即囊括其中的元素 属性和数据 使他们成为一个部分
最主要的用处是给提交和重置按钮设置一个生效区域
form标签中还有一些比如actionmethod等等这些重要的属性
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>

猜你喜欢

转载自blog.csdn.net/qq_45821251/article/details/108816033