html HTML的form表单的基础标签和使用 基本操作及演示

form标签

form 表单标签 可以提交
form action="#" method=“get”> action提交的路径
method提交的方法 get/post

input标签

文本框 text
填入内容的

  <input type="text" name="" id="" size="6" maxlength="4" minlength="1" readonly>

密码框 password
填入密码

  <input type="password" name="123" id="" value="234" size="6">

单选框 radio
只能选一种

 <input type="radio" name="danxuan" id="" disabled="disabled" value="1">1
        <input type="radio" name="danxuan" id="" value="2">2
        <input type="radio" name="danxuan" id="" value="3">3
        <input type="radio" name="danxuan" id="" value="4">4

多选框 checkbox
能够进行多选

<input type="checkbox" name="checkbox" id="" checked value="1" id="hh"><label for="hh"></label>
        <input type="checkbox" name="checkbox" id="" value="2">2
        <input type="checkbox" name="checkbox" id="" value="3">3
        <input type="checkbox" name="checkbox" id="" value="4">4
        <input type="checkbox" name="" id="">3

隐藏框 hidden
不显示

<input type="hidden" name="aaa" value="123">

file文件
可进行文件上传

 <input type="file" name="" id="">

文本域 textarea

进行文本书写 内容

 <textarea name="" id="" cols="30" rows="10"></textarea>

imge 图片提交

 <input type="image" src="思源.jpg" alt="zhengzai正在加载">

button 按钮

<input type="button" value="按钮">

提交按钮

<input type="submit" value="提交">

重置按钮

   <input type="reset" value="重置">

select标签

select 下拉框
进行下拉

select name="qqq" id="" size="3" multiple>
            <option value="1">java</option>
            <option value="2">UI </option>
            <option value="3">web</option>
            <option value="4">C++</option>
            <option value="4">C</option>
            <option value="4">python</option>

        </select>

最终展示：

能帮到你吗哈哈哈能帮到一些的话
能点个赞留下就好