学习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="pictrue" 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>里面