1.表单标签 

<body>
    <!-- form是表单标签，就是把表单框起来，input输入的意思 type是类型 -->
    <!-- "password"是输入密码的 -->
    <form>
       密码： <input type="password">
    </form>
     <!-- text 可以输入的文字   设置value是打开页面就默认显示几个字 -->
       <form> 
       名字：<input type="text" value="请输入用户名">
    </form>
    <!-- radio是单选框，后面name要一致 -->
     <form>
         性别：男<input type="radio" name="o"/>女<input type="radio" name="o" checked/>
         
        </form>
<!-- checkbox复选框    checkde是打开页面就被选中的  一般放在单选框和复选框里面，--><br/>

<form>
爱好：旅游<input type="checkbox"/> 美食<input type="checkbox"/> 运动<input type="checkbox" checked />
   魔镜魔镜，告诉我 谁是世界上最美的女人？<br/>
 <input type="checkbox" checked/>你
 <br/>
<!-- submit提交按钮，需要把form 里面的action method设置好，可以把表单域里面的内容提交给后台服务器 -->
<input type="submit" value="免费注册"/>

<!-- reset是重置按钮，一键清除之前写的内容 -->
<input type="reset" value="重新填写"/>  

<!-- button 普通按钮，可以点击的，后期结合js搭配使用 -->
<input type="button" value="获取验证码"/>
<br/>
<!-- 文件域 使用场景 上传文件使用的 -->
上传头像：<input type="file"/>

</form>
</body>

 

posted @ 2021-01-16 21:38  闭上耳朵  阅读(91)  评论(0)    收藏  举报