Web-Form表单-21-3-8

Web-Form表单
form标签
action属性 提交路径
method 属性 提交方式 默认为 get

• get 显式提交 数据显示在url路径后 数据提交大小有限制 不安全
• post 隐式提交 数据不显示在url路径后 数据大小理论上没有限制 安全 可以处理文件数据

input 标签
type属性
text 文本框 name 属性 接收时 通过name值获取文本框值 (value)
submit 提交按钮 处理form对应 action 提交路径
radio 单选框 注意该name属性值要保持一致，否则会出现可以同时选中两个按钮
checkbox 复选框 该name属性值最好保持一致
checked 只读属性

<form action="index.html" method="get">
			编号：<input type="text" name="bh" id="bh" value="编号" /><br />
			密码：<input type="password" name="pw" id="pw" value="" /><br />
			性别：<input type="radio" name="sex" id="sex" value="M" />男
			<input type="radio" name="sex" id="sex" value="W" />女<br />
			爱好：<input type="checkbox" name="hobby" id="hobby" value="吃饭" />吃饭
			<input type="checkbox" name="hobby" id="hobby" value="睡觉" />睡觉
			<input type="checkbox" name="hobby" id="hobby" value="打豆豆" />打豆豆<br />
			地址：<select name="address">
				<option value="山东">山东</option>
				<option value="山西">山西</option>
				<option value="北京">北京</option>
				<option value="南京">南京</option>
				<option value="东京">南京</option>
				<option value="河北">河北</option>
				<option value="河南">河南</option>
			</select><br />
			照片：<input type="file" name="file" id="file" value="文件数据" /><br />
			个人简介：<br /><textarea rows="10" cols="20" name="jj">个人介绍</textarea>
			<br /><input type="submit" name="tj" id="tj" value="提交" />
		</form>