HTML表单练习

最新推荐文章于 2023-02-15 17:57:14 发布

Lawliet_ZMZ

最新推荐文章于 2023-02-15 17:57:14 发布

阅读量1.2k

点赞数

分类专栏： HTML5&HTML 前端之路

本文链接：https://blog.csdn.net/major_zhang/article/details/54428372

版权

前端之路同时被 2 个专栏收录

89 篇文章 1 订阅

订阅专栏

HTML5&HTML

8 篇文章 0 订阅

订阅专栏

最近学车啊，明天还要出去在外地练，电脑都摸不到了=-=

HTML 表单用于搜集不同类型的用户输入，主要用于收集网页上浏览者的信息。HTML5 Input，拥有多个新的表单输入类型，提供了更好的输入控制和验证。

表单是一个包含表单元素的区域。
表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。
表单使用表单标签（<form>）定义。
<form> <input /></form>[1]

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>这是一个form练习1</title>
    </head>
    <body>
        <form class="" action="index.html" method="post">
            请输入您的姓名
            <input type="text" name="yourname" id="field1" size="20" maxlength="15" value="测试1？">
            <br>
            请输入您的地址
            <input type="text" name="youradr" id="field2" size="20" maxlength="15" maxlength="15" >
            <br>
            <input type="button" name="copy" value="复制" οnclick="document.getElementById('field2').value=document
            .getElementById('field1').value">
            <br>
            请输入您最新的工作情况 <br>
            <textarea name="ll" rows="8" cols="80"></textarea>
            <br>
            单选按钮 <br>
            您的兴趣是：
            <br>
            <input type="radio" name="book" value="book1">黑客攻防 <br>
            <input type="radio" name="book" value="book2">办公软件 <br>
            <input type="radio" name="book" value="book3">设计软件 <br>
            <input type="radio" name="book" value="book4">网络管理 <br>
            <br>
            复选框 <br>
            <input type="checkbox" name="box" value="box1">黑客攻防 <br>
            <input type="checkbox" name="box" value="box2">办公软件 <br>
            <input type="checkbox" name="box" value="box3">设计软件 <br>
            <input type="checkbox" name="box" value="box4">网络管理 <br>
            <br>
            email属性
            <input type="email" name="em" value="输入邮箱地址">
            <br>
            <input type="submit" name="sub" value="提交">
            <input type="reset" name="res" value="重置">
            <br><br><br><br>


            创建用户反馈表单
            <h1 align=center>用户反馈表单</h1>
            <p>性    名
            <input type="text" class=txt size=12
             maxlength = "20" name = "usr_name"></p>
            <p>性    别：
            <input type="radio" name="male" value="male">男
            <input type="radio" name="female" value="female">女</p>
            <p>年    龄：
            <input type="text" name="age" value="">
            </p>
            <p>联系电话:
            <input type="text" class = txt name="tel" value="">
            </p>
            <p>
                电子邮件:
                <input type="text" class = txt name="mail" value="">
            </p>
            <p>
                联系地址：
                <input type="text"  class = txt name="adr" value="">
            </p>
            <p>
                请输入您对网站的建议: <br>
                <textarea name="yourworks" clos = "50" rows = "5" value=""></textarea>
            </p>
            </p>
                    <input type="submit" name="submit" value="提交"/>
                    <input type="reset" name="resset" value="清除"/>                    
            </p>
        </form>
    </body>
</html>

Lawliet_ZMZ

关注

0
点赞
踩
1

收藏

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

最近学车啊，明天还要出去在外地练，电脑都摸不到了=-=HTML 表单用于搜集不同类型的用户输入，主要用于收集网页上浏览者的信息。HTML5 Input，拥有多个新的表单输入类型，提供了更好的输入控制和验证。表单是一个包含表单元素的区域。表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。表单使用表单标签（）定义。 [1]
复制链接

扫一扫