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  闭上耳朵  阅读(79)  评论(0编辑  收藏  举报