h5-文本框

h5-文本框

 <!DOCTYPE html>
 <html lang="en">
 <head>
   <meta charset="UTF-8">
   <title>文本框</title>
 </head>
 <body>
 <!-- form是表单，内部可以包含多个控件，
      控件内可以输入值。
      我们是以表单为单元进行提交，一次要提交一个表单所包含所有控件的值。
      表单只是用来定提交的范围。
      表单是透明的。
      #:表示无处可提交。在有服务器时可提交给服务器，即是填入服务器地址取代#。
  -->
 <form action="#">
     <p>
         <!-- 加标签：
              在input里加入属性id，并起名“account”，设置文本框的唯一id，
              而后，在“账号：”前加上lable for="文本框的id"来捆绑标签
              从而实现，点击文字“账号：”也可以进行文本框输入。
          -->
         <label for="account">账号：</label>
         <input type="texts" id="account"/>
     </p>
     <p>
         <label for="password">密码：</label>
         <input type="pwd" id="password"/>
     </p>
     <!-- 单选框:在input里添加属性name，让选项使用同名
         互相排斥，即可实现单选
     -->
     <p>
         性别:
         <input type="radio" checked id="male" name="sex"/>
         <label for="male">男</label>
         <input type="radio" id="female" name="sex"/>
         <label for="female">女</label>
     </p>
     <p>
         兴趣:
         <input type="checkbox" checked id="basketball">
         <label for="basketball">篮球</label>
         <input type="checkbox" id="football">
         <label for="football">足球</label>
     </p>
     <p>
         <!-- value:按钮的名称;button:需用js进行定义 -->
         <input type="submit" value="提交"/>
         <input type="reset" value="重置"/>
         <input type="button" value="取消"/>
     </p>
 </form>
 </body>
 </html>

补充部分功能：

     <!-- 文件选择提交框 -->
     <label for="attachment">上传附件：</label>
     <input type="file" id="attachment"/>
     <!-- 文本域:大号文本框 -->
     <p><label for="disc">自我介绍：</label></p>
         <textarea id="disc"></textarea>

补充：

 <!-- 下拉选择 -->
     <label for="choseone">选择你要学习的课程：</label>
     <select id="choseone">
         <option>-请选择-</option>
         <option value="1">html5</option>
         <option value="2">js</option>
         <option value="3">css</option>
     </select>