下拉列表和按钮 | DataLearnerAI

 <body>
   <form action=""> <!--  action属性就是表示表单将提交到哪里 method属性表示用什么http方法提交 有get post两种方式 -->
     <p>                           <!-- 多选框 -->
      <select name="" id="">           <!--select 选择的意思-->
        <option>A</option>    <!--option 选项-->
        <option>B</option> 
        <option>C</option>
        <option>D</option>
      </select>
     </p>
 
     <p>                    <!-- 三种按钮 -->
      <textarea cols="30" rows="10"></textarea>  <!--这个标签是指文本域 里面不用写东西 输入的文本是默认值 cols表示columns 列  rows表示rows 行-->
     </p>

     <p>
     	普通按钮
       <input type="button" value="普通按钮" /> <!--普通按钮 button 按钮 value 按钮上显示的文字-->
     </p>
     <p>
       <input type="submit" />   <!-- submit 提交 按钮不需要value就自带提交文字 点击之后会自动提交到 form标签的action属性中的链接地址 -->
     </p>
     <p>
     	<input type="reset"/>  <!-- reset 复位 重置按钮 -->
     </p>  

     <p>  <!-- label标签  -->
     	请选择性别   <!-- label标签通过for属性和input的id和input绑定 -->
     	<input type="radio" name="sex" id="1" /><label for="1">男</label>
     	<input type="radio" name="sex" id="2" /><label for="2">女</label>
     </p>

     <p>  <!-- 默认被选择的选项可以加上 checked="checked" -->
     	<input type="radio" name="" checked="checked" />
     	<input type="radio" name=""/>
     </p>           
   </form>
 </body>

DataLearner 官方微信