form表单里常用到的那些标签

300 查看

       有关登陆注册用到的格式

     <form action="#">
        <!--for说明这个标签是给id为account加的标签说明
        ,当点击label时光标会自动放在输入框里,直接在前边添加账
        号没有这个效果-->
        <!--placeholder,占位符,起到提示作用-->
        <label for="account">账号:</label>

       <input type="text" name="account" id="account" placeholder="请输入账号"><br>
       <label for="pd">密码:</label>
       <input type="password" name="pd" id="pd"placeholder="请输入密码" ><br>

       <!--单选,男女后边的name必须写一样的不然没有联系 够不成单选,
       value,值 选项的取值checked;默认项中-->
       请选择性别:
       男<input type="radio" name="sex" value="male/男" checked>
       女<input type="radio" name="sex" value="female/女"><br>

       **<!--多选-->**
       <!---->
       请选择兴趣爱好:<br>
        读书<input type="checkbox" name="readbook" ><br>
        画画<input type="checkbox"  name="drew" ><br>
        弹琴<input type="checkbox"  name="play" ><br>
        下棋<input type="checkbox"  name="playchess" ><br>
        <!--下拉列表,select 选项-->
        出生日期:
        <select name="birthday-year" id="year">
            <option value="1985">1985</option>
            <option value="1986">1986</option>
            <option value="1987">1987</option>
            <option value="1988">1988</option>
            <option value="1989">1989</option>
            <option value="1990">1990</option>               
        </select>
        <select name="birthday-" id="">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
 </select><br>
 动画效果:
 <select name="animate" id="">
     <optgroup label="进入动画"> 
         <option value="infromleft">从左边进入</option>
         <option value="infromright">从右边进入</option>
         <option value="infromtop">从上边进入</option>
     </optgroup>
      <optgroup label="出去动画"> 
         <option value="outfromleft">从左边出去</option>
         <option value="outfromright">从右边出去</option>
         <option value="outfromtop">从上边出去</option>
     </optgroup>
 </select><br>

 <!--文本区域 ,area区域-->
 个人介绍:
 <textarea name="introducs" cols="30" row="10">