CSS——表单介绍

最新推荐文章于 2021-07-14 19:07:10 发布

恬一

最新推荐文章于 2021-07-14 19:07:10 发布

阅读量125

点赞数

分类专栏：李立超前端学习

本文链接：https://blog.csdn.net/weixin_44158539/article/details/109133828

版权

前端学习同时被 2 个专栏收录

39 篇文章 0 订阅

订阅专栏

李立超

32 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!--
        表单：
           -现实生活中用于提交数据
           -在网页中也可以使用表单，网页中的表单用于将本地的数据提交给远程服务器
           -使用form标签来创建一个表单

    -->
    <!--
         form中必须要有的属性：action
          action  表单要提交的服务器的地址

    -->
    <form action="target.html">
        <!--
            添加表单项
                   文本框
                   注意：数据要提交到服务器中，必须要为元素指定一个name
        -->
        <input type="text" name="username">
        <br>
        <br>
        <!--密码框-->
        <input type="password">
        <br>
        <br>
        <!--
            单选按钮
               像这种选择框，必须要指定一个value属性
               checked可以将单选按钮设置为默认选中
        
        -->
        <input type="radio" name="1">
        <input type="radio" name="1" checked>
        <br>
        <br>
        <!--多选框-->
        <input type="checkbox">
        <input type="checkbox">
        <input type="checkbox">
        <input type="checkbox">
        <br>
        <br>
        <!--下拉列表-->
        <select name="sb">
            <option value="i">1</option>
            <option  selected value="i">2</option>
            <option value="i">3</option>
            <option value="i">4</option>
        </select>
        <!--
            提交按钮
        -->
        <input type="submit" value="注册">
    </form>
</body>
</html>

恬一

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS——表单介绍

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <!--
复制链接

扫一扫