HTML表单

最新推荐文章于 2024-08-31 21:49:18 发布

笃定plus

最新推荐文章于 2024-08-31 21:49:18 发布

阅读量76

点赞数 1

分类专栏：前端文章标签： html

本文链接：https://blog.csdn.net/qq_40942058/article/details/106222323

版权

前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

一.常用表单标签

表单用于获取不同类型的用户输入
1.form 表单
2.input 输入域
3.textarea 文本域
4.label 控制标签
5.fieldsel 定义域
6.legend 域的标题
7.select 选择列表
8.oplgroup 选项组
9.option 下拉列表中的选项
10.button 按钮

二.复选框

<br/>
你喜欢的水果有？
<br/>
苹果<input type="checkbox">
西红柿<input type="checkbox">
香蕉<input type="checkbox">
<br/>

三.单选按钮

请选择您的性别：
男<input type="radio" name="sex">
女<input type="radio" name="sex">
<br>

四.下拉列表

请选择您常用的网站：
<select>
    <option>www.jikexueyuan.com</option>
    <option>www.jingqing.com</option>
</select>

五.创建按钮

<input type="button" value="按钮">
<input type="submit" value="提交">

六.文本域

<textarea cols="30" rows="30">请在此填写个人信息</textarea>

七.完整代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>
<form>
    用户名：
    <input type="text">
    <br/>
    密码：
    <input type="password">
    <br/>
    你喜欢的水果有？
    <br/>
    苹果<input type="checkbox">
    西红柿<input type="checkbox">
    香蕉<input type="checkbox">
    <br/>
    请选择您的性别：
    男<input type="radio" name="sex">
    女<input type="radio" name="sex">
    <br>
    请选择您常用的网站：
    <select>
        <option>www.jikexueyuan.com</option>
        <option>www.jingqing.com</option>
    </select>
    <input type="button" value="按钮">
    <input type="submit" value="提交">
</form>
<textarea cols="30" rows="30">请在此填写个人信息</textarea>
</body>
</html>

笃定plus

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML表单

一.常用表单标签表单用于获取不同类型的用户输入1.form 表单2.input 输入域3.textarea 文本域4.label 控制标签5.fieldsel 定义域6.legend 域的标题7.select 选择列表8.oplgroup 选项组9.option 下拉列表中的选项10.button 按钮二.复选框<br/>你喜欢的水果有？<br/>苹果<input type="checkbox">西红柿
复制链接

扫一扫