HTML5基础13----HTML5表单的创建

最新推荐文章于 2022-03-18 20:22:07 发布

zhaihaohao1

最新推荐文章于 2022-03-18 20:22:07 发布

阅读量435

点赞数

分类专栏： HTML5基础

本文链接：https://blog.csdn.net/zhaihaohao1/article/details/47068459

版权

HTML5基础专栏收录该内容

29 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<!--HTML5表单的创建-->
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>
<form>
    <!--输入框-->
    用户名：
    <input type="text">
    密 码：
    <input type="password">
    <br/>
    <!--多选框-->
    选择你喜欢的水果
    <br/>
    <input type="checkbox">苹果 <br/>
    <input type="checkbox">黄瓜 <br/>
    <input type="checkbox">栗子 <br/>
    <input type="checkbox">桃子 <br/>
    <input type="checkbox">香蕉 <br/>
    <!--单选框-->
    选择性别
    <input type="radio" name="sex">男
    <input type="radio" name="sex">女
    <br/>
    <!--下拉列表-->
    <select>
        <option>刘备</option>
        <option>关羽</option>
        <option>张飞</option>
        <option>马超</option>
        <option>黄忠</option>
    </select>
</form>
<!--文本域-->
    <textarea cols="30px" rows="30px">请输入文字
    </textarea>
    <br/>
<!--按钮-->
    <input type="button" value="点击">
<!--提交-->
    <input type="submit" value="提交">


</body>
</html>