#前端
##HTML
###form标签
form表单标签：
作用：收集并提交用户数据给指定的服务器
注意：
1、form标签会收集其标签内部的数据
2、表单数据的提交，要提交的表单项必须拥有name属性值，否则不会提交，提交的表单项数据为键值对，键为name属性的值，值为用户书写的数据。
3、form表单的数据提交需要依赖于submit提交按钮
使用：在点击数据提交时，form标签会将其内部所有表单域标签中用户书写的数据按照method指明的提交方式提交给action属性所指明的提交地址
属性：
1、action：收集的数据提交的地址即URL
2、method：收集的数据的提交方式(get：适合少量数据，表单数据以“？”隔开拼接在URL的后面，不同的键值对使用“&”符号隔开，不安全；post：适合大量数据，安全，隐式提交)
form表单域标签：
作用：给用户提供可以进行数据书写或选择的标签
使用：
1、文本框：(a)input：
type: text->收集少量的文本数据，用户可见；password->收集用户密码数据
name：数据提交的键，也会被js使用
value：默认值
2、单选框：(a)input:
type: radio
name: name属性值相同的单选框只能选择一项数据
value：要提交的数据
checked：checked 使用此属性的单选默认是选择状态
3、多选框：(a)input:
type: checkbox
name: 一个多选组需要使用相同的name属性值
value：要提交的数据
checked：checked 使用此属性的多选框默认是选择状态
4、下拉框：(a)select
name: 数据提交的键名，必须声明；
子标签option：一个option标签表示一个下拉选项
子标签option的子标签value：要提交的数据
5、文本域：
textarea: 声明一个可以书写大量文字的文本区域
name：数据提交的键名，js和css也会使用
rows：声明文本域的行数
cols： 声明文本域的列数
6、普通按钮：(a)input
type: button
name
value
7、隐藏标签：input
type：hidden
name
value
注意：表单数据提交提交的是表单域标签的value值
<html>
<head>
<titile>form标签</title>
<meta charset="UTF-8">
</head>
<body>
<h3>想给时光写封情书</h3>
<hr />
<form action="#" method="get">
用户名：<input type="text" name="uname" /><br/>
性别：男：<input type="radio" name="sex"/><br/>
女：<input type="radio" name="sex"/><br/>
爱好：唱歌<input type="checkbox" name="lov" value="1"/><br />
跳舞<input type="checkbox" name="lov" value="2" /><br />
籍贯:<br />
<select name="addresss">
<option value="1">北京</option>
<option value="2">上海</option>
<option value="3">广州</option>
<option value="4">深圳</option>
</select>
<br />
文本域：<br/>
<textarea name="" rows="10px" cols="30px" >
</textarea>
普通按钮：<br/>
<input type="button" name="" id="" value="普通按钮" />
<input type="hidden" name="" id="" value="普通按钮" />
<input type="submit" value="登录">
<!--type是提交键，value是提交键是提交键上的显示-->
</form>
</body>
</html>
1771
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
