2017/2/20 学习html的第四天

表单
(1)收集数据
(2)提交


<!-- <form method="">

</form>
method="" 以哪种方式提交  get   post  
action="" 提交到哪个页面   -->


1、文本输入框
用户名：<input type="text" nema="username" value="" placeholder="会员名/邮箱/手机号" autofocus/>


text 输入为文本形式  


placeholder="提示"


autofocus或者autofocus="autofocus" 页面首次加载时自动获取光标


readonly  只读性  不能修改


disabled  页面首次加载时禁用此标签


maxlength="8"  限制最大长度小于等于8 


2、密码输入框
密码：<input type="password" name="psd" value="" placeholder="密码"/>


3、按钮
(1)普通的按钮(没有任何功能)


<input type="button" value="登陆" />


(2)提交按钮(有提交的功能)
<input type="submit" value="提交">


(3)重置按钮(有重置的功能)
<input type="reset" value="提交" >


4、单选
性别：
   <input type="radio" nama="sex" value="woman" />女
   <input type="radio" nama="sex" value="man" />男
   <input type="radio" name="sex" value="baomi">保密


   checked  默认被选中


5、多选
I have：
  <input type="checkbox" name="have" value="pen" />pen
  <input type="checkbox" name="have" value="apple" />apple
  <input type="checkbox" name="have" value="pineapple" />pineapple


6、下拉框
省：<select name="pro" id="">
      <option value="安徽">安徽</option>
      <option value="北京">北京</option>
      <option value="上海">上海</option>
      <option value="深圳">深圳</option>
    </select>


selected  默认被选中


7、文本域(可输入多行文本)
留言：
<textarea name="" id="" placeholder="留下你想说的话" cols="30" rows="10"></textarea>


cols="10"  colspan  合并列  宽


rows="20"  rowspan  合并行  高


8、文件上传
图片：
<input type="file" name="pictrue" value="" />


multiple  多文件上传(一次性选择)


9、表单控件
（1）
<label>用户名：<input type="text"></label>


（2）
<label for="user">用户名：</label>
<label><input type="text" id="user" /></label>