HTML5表单标签都有哪些?该如何使用?

 时间:2026-02-18 04:40:24

1、文本输入框:

          <input type="text" name="name" placeholder="文本输入框"/>

          

          type="text"    说明是文本框

          name="name"     为文本框起一个名字,方便后边用

          placeholder="文本输入框"    未输入之前的提示信息

HTML5表单标签都有哪些?该如何使用?

2、密码输入框:

          <input type="password" name="name" placeholder="密码输入框"/>

          

          type="password"    说明是密码输入框

          name="password"     为密码框起一个名字,方便后边用

          placeholder="密码输入框"    未输入之前的提示信息

HTML5表单标签都有哪些?该如何使用?

HTML5表单标签都有哪些?该如何使用?

3、单选框:

          单选框:<input type="radio" name="sex"/>男

                       <input type="radio" name="sex"/>女

          

          type="radio"    说明是单选输入框

          name="sex"     为单选框起一个名字,方便后边用

                                   

         注:几个单选为一组时,name必须相同

HTML5表单标签都有哪些?该如何使用?

4、文件上传框:

            上传文件:<input type="file" name="file"/>

          type="file"    说明是文件上传框

          name="file"     为文件上传框起一个名字,方便后边用

HTML5表单标签都有哪些?该如何使用?

5、按钮框:

普通按钮:

        <input type="button" name="button" value="普通按钮"/>

提交按钮:

       <input type="submit" name="button2" value="提交"/>

清空按钮:

       <input type="reset" name="button3" value="清空"/>

       type="button"      普通按钮,没功能

       type="submit"      提交按钮 ,可以提交表单数据

       type="reset"         清空按钮,点击清空表单已输入数据

       name="button"    为按钮起一个名字,方便后边用

       value="清空"         在按钮上显示的信息

HTML5表单标签都有哪些?该如何使用?

6、复选框:

         <input type="checkbox" name="checkbox"/>JAVA

         <input type="checkbox" name="checkbox2"/>Android

         <input type="checkbox" name="checkbox3"/>C#

        type="checkbox"    说明是多选框

        name="button"    为多选框起一个名字,方便后边用

HTML5表单标签都有哪些?该如何使用?

7、日期输入框:

         日期输入框:<input type="date" name="date"/>

          type="date"   说明是日期输入框

          name="date"    为日期框起一个名字,方便后边用

HTML5表单标签都有哪些?该如何使用?

1、下拉框:

<select>

<option value="河南">河南</option>

<option value="北京">北京</option>

<option value="上海">上海</option>

<option value="深圳">深圳</option>

<option value="广州">广州</option>

</select>

value  决定选择后的值

HTML5表单标签都有哪些?该如何使用?

1、文本域:

<textarea cols="50" rows="10" placeholder="文本域"></textarea>

cols:设定宽

rows:设置高

placeholder="文本域"       未输入之间的默认信息

  • 网易云音乐怎样开启夜间模式
  • 马齿苋炒鸡蛋
  • 磅蛋糕的做法
  • 如何成为百度经验达人——注册
  • 孩子睡觉颠倒了怎么办
  • 热门搜索
    cad半圆怎么画 abc卫生巾怎么样 群主怎么转让 嗓子疼是怎么回事 怎么查个人信用记录 怎么掏耳朵 微信小程序怎么做 存款利息怎么算 传真怎么发 灵芝怎么吃效果最好