HTML标签（二）及其制作简历和填写简历的应用

最新推荐文章于 2023-05-16 21:58:37 发布

VIP文章 blue2580

最新推荐文章于 2023-05-16 21:58:37 发布

阅读量536

点赞数

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

本文链接：https://blog.csdn.net/blue2580/article/details/124579842

版权

一、表单控件：

分成两个部分:

（1）表单域: 包含表单元素的区域. 重点是 form 标签.

（2）表单控件: 输⼊框, 提交按钮等. 重点是 input 标签.

常见属性：

a. type: 类型（文本、密码、按钮）

b. name : 标签的名称

c. value : 给当前标签一个默认的值

d. checked : 是否选中（只针对单选框和复选框）

e. maxlength : 最大的长度（主要针对文本框和密码框）

f. label标签

g. select标签：下拉框

h. 多行文本

i. ⽆语义标签: div & span

div:独占一行，用于分割

整体效果展示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action = "https://www.baidu.com">
        <table>
            <tr>
                <td>用户名：</td>
                <td>
                    <input  type="text">
                </td>
            </tr>
            <tr>
                <td>密码：</td>
                <td>
                    <input type="password">
                </td>
            </tr>
            <tr>
                <td>性别:</td>
                <td>
                    <input id="man"  name="sex" type="radio" value="男" >
                    <label for="man">男</label>
                    &nbsp;&nbsp;
                    <input name="sex" type="radio" value="女" >
                    <label for="man">女</label>
                </td>
            </tr>
            <tr>
                <td>爱好：</td>
                <td>
                    <input type="checkbox"> 喝酒 &nbsp;&nbsp;
                    <input type="checkbox"> 跑步 &nbsp;&nbsp;
                    <input type="checkbox"> 唱歌 &nbsp;&

最低0.47元/天解锁文章

blue2580

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
HTML标签（二）及其制作简历和填写简历的应用

表单控件<form action = "https://www.baidu.com"> 用户名：<input type="text"><br> 密码:<input type ="password"></form>
复制链接

扫一扫