学习HTML+CSS的第四课笔记！

（1）.表单

a.收集数据

<form method或action>表单元素</form>

b.提交

<form method=""以哪种方式提交 get或post>

<form action=""提交到某个页面>

文本登录输入框

a.用户名登录框：<input type="text（文本框）" name="username（命名）" value="数值" placeholder="输入框的提示语言（会员名/邮箱/手机号）" autofocus/或autofocus="autofocus"(页面首次加载时自动获取光标) readonly（价钱金额框只能阅读不能修改） disabled（页面首次加载时禁用此）maxlength="4"(文本限制最大的长度 <=4 )/>

readonly（价钱金额框只能阅读不能修改） 只针对input（text/password）和textarea输入框有效

b.密码登录框：<input type="password" name="psd" value="" placeholder="密码" />

按钮

1.普通的按钮（没有任何功能）

<input type="button" value="登录（按钮上面的字）" />

2.提交按钮（有提交功能）

<input type="submit" value="提交" />

3.重置按钮（有重置功能）

<input type="reset" value="重置">

（2）.注册页面

单选（name值相等）

性别：<input type="radio" name="sex" value="woman" />女

      <input type="radio" name="sex" value="man" />男

      <input type="radio" name="sex" value="baomi">保密

      checked（先帮选.只能用一个地方）

多选

爱好:
 <input type="checkbox" name="have" value=足球 />足球
 <input type="checkbox" name="have" value=篮球 />篮球
 <input type="checkbox" name="have" value=排球 />排球
 checked（先帮选.能用多个地方）

（3）.下拉选项框

省：

<select name="pro">
<option value="安徽" selected（默认被选中，只能选一个默认）>安徽</option>
<option value="北京">北京</option>
<option value="上海">上海</option>
<option value="深圳">深圳</option>
<option value="广州">广州</option>

</select>

（4）.文本域（可输入多行文本）

留言：
<textarea placeholder="留下你想说的话...." rows="宽度数值" cols="高度数值"></textarea>

（5）.文件上传

<input type="file"（文件） name="p
88f3
ictrue" value="" />(注：只能上传文件不能上传文件夹，一次只能上传一件)

<input type="file"（文件） name="pictrue" value="" multiple />（multiple只能上传文件不能上传文件夹，多文件上传，一次性选择）

（6）.表单控件

第一种写法：<label>用户名：<input type="text" /></label>

第二种写法：<label for"user">用户名：</label> （锚点形式）
<label><input type="text" id="user" /></label>

所有的表格元素一定要包括在<form></form>里面