HTML用户交互

单词：type 类型     password密码     radio 单选框    checkbox  多选框 
  
1.使用表单标签，与用户进行交互

 <form  method="post/get(传送方式)"  action="save.php(服务器文件)">


1.<form> ：<form>标签是成对出现的，以<form>开始，以</form>结束。
2.action ：浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。
3.method ： 数据传送的方式（get/post）。


<form    method="post"   action="save.php">
        <label for="username">用户名:</label>
        <input type="text" name="username" />
        <label for="pass">密码:</label>
        <input type="password" name="pass" />
</form>


2.文本输入框，密码输入框


1、type：
   当type="text"时，输入框为文本输入框;
   当type="password"时, 输入框为密码输入框。
   当type="submit"，输入框为提交。
   当type="reset"，输入框为重置。
2、name：为文本框命名，以备后台程序ASP 、PHP使用。
3、value：为文本输入框设置默认值。(一般起到提示作用)
举例：
<form>
  姓名：
  <input type="text" name="myName">
  <br/>
  密码：
  <input type="password" name="pass">
</form>




3.用户输入大量的东西

<textarea rows="xxx"  cols="xxx">  </textarea>

<input type="submit" value="确定"  name="submit" />  确定按钮      

<input type="reset"   value="重置"  name="reset" /> 重置按钮 

4.用户单选框以及复选框


语法：
<input   type="radio（单选）/checkbox（多选）"    value="值"     name="名称"   checked="checked（默认选）"/>
1、type:
   当 type="radio" 时，控件为单选框
   当 type="checkbox" 时，控件为复选框
2、value：提交数据到服务器的值（后台程序PHP使用）
3、name：为控件命名，以备后台程序 ASP、PHP 使用
4、checked：当设置 checked="checked" 时，该选项被默认选中




单选的例子：
  <form action="save.php" method="post" >
  
  <label>性别:</label>
   
  <label>男</label>
   
  <input type="radio" value="1"  name="gender" />
    
  <label>女</label>
  
  <input type="radio" value="2"  name="gender" />


  </form>




注意:同一组的单选按钮，name 取值一定要一致，比如上面例子为同一个名称“gender”，这样同一组的单选按钮才可以起到单选的作用。




5.下拉列表框(多选）


<form method="post" action="save.php">
<select (multiple="multiple")>
<option value="看书">看书</option>
<option value="旅游">旅游</option>
。。。。
</select>
</form>


selected="selected"这个是设置默认值用的




6.label标签


<label for="名字">名字</label>