HTML5表单（二）form标签 input标签 textarea标签

最新推荐文章于 2025-03-05 18:57:40 发布

阳光西西

最新推荐文章于 2025-03-05 18:57:40 发布

阅读量9.2k

点赞数

分类专栏： Mars-HTML 文章标签：表单标签 html5

本文链接：https://blog.youkuaiyun.com/u013225534/article/details/52389692

版权

Mars-HTML 专栏收录该内容

11 篇文章

订阅专栏

表单标签的名字叫做from,在网页上插入一个form标签就定义了一个表单，该标签和我们之前学习的标签不太一样，因为它是不可见的。也就是说用户是无法在网页当中看到表单的。

输入标签：该系列有两个标签，主要用于接收用户的输入；
列表标签：该系列有两个标签，主要用于定义一个列表，让用户进行选择；

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <form>
        username <input type="text" name="username" value="username"></input>
        password <input type="password" name="password" value="password"></input></br>
        女 <input type="radio" name="性别"></input>
        男 <input type="radio" name="性别"></input></br>
        cpb <input type="checkbox" name="爱好"></input>
        canmake<input type="checkbox" name="爱好"></input>
        奥尔滨 <input type="checkbox" name="爱好"></input></br>
        <input type="submit" value="向服务器提交"></input>
        <input type="reset" value="重置"></input></br>
        上传文件 <input type="file"></input></br>
        <textarea name="content" cols="50" rows="30"></textarea>
    </form>
</body>
</html>