HTML之表单（笔记）

表单标签
<form method=”传送方式” action=”服务器文件”></form>
表单控件：文本框 文本域 按钮 单选框 复选框  放于表单标签内
实例代码
<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>

 

文本输入框

<form >

<input type=”text/password” name=”名称” value=”文本” />

</form>

Value:起提示作用

 

 

 

 

文本域：多行文本输入

<textarea rows=”行数” cols=”列数”></textarea>

 

单选框 复选框

<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>
    <select>
      <option value="看书">看书</option>
      <option value="旅游" select="select">旅游</option>
      <option value="运动">运动</option>
      <option value="购物">购物</option>
    </select>
</form>
Value提交的值 select默认值

 

下拉表框的多选

<form action="save.php" method="post" >
    <label>爱好:</label>
    <select multiple=”multiple”>
      <option value="看书">看书</option>
      <option value="旅游" select="select">旅游</option>
      <option value="运动">运动</option>
      <option value="购物">购物</option>
    </select>
</form>
select multiple=”multiple” 可以多选

 

 

 

提交按钮

 

 

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

Value按钮文字

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

 

Label标签

<label for="控件id名称">   触发控件

注意：标签的 for 属性中的值应当与相关控件的
id 属性值一定要相同。

 

例子：

 

<form>

  <label for="male">男</label>

  <input type="radio" name="gender" id="male" />

  <br />

  <label for="female">女</label>

  <input type="radio" name="gender" id="female" />

  <label for="email">输入你的邮箱地址</label>

  <input type="email" id="email" placeholder=" email">

</form>