小杰的学习过程之html表格练习

刚刚接触前端的HTML，练习并记录程序。
下面是对HTML表格的整理并总和在一起做的一个小练习。
IDE：VScode
主要框架是自动生成的，body内为自己编写内容。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>html表单练习</title>
</head>

<body>
    <form action="" method="get">
        邮箱地址：<input type="text" placeholder="请输入邮箱地址" />@
        <select name="email">
            <option value="qq">qq.com</option>
            <option value="wangyi">163.com</option>
            <option value="google">gmail.com</option>
        </select>
        <br /><br />

        密码：<input type="password" />
        <br /><br />

        性别：<input type="radio" name="gender" checked />男
        <input type="radio" name="gender" />女
        <br /><br />

        验证码：<input type="text" />
        <img src="img/yanzhengma" width="100" height="50" title="这是验证码" />
        <br /><br />

        <!--<input type="button" value=""/>-->
        <button>更换验证码</button>

        <br /><br />
        备注：<textarea name="" id="" cols="30" rows="10"></textarea>

        <br /><br />
        <input type="checkbox" />同意<a href="text/hi.html">"隐私条款"</a>和"隐私权相关政策"
        <br /><br />
        <input type="submit" value="提交" />
        <input type="reset" value="重置" />
    </form>
</body>

</html>

总结：
1. 标签用于为用户输入创建 HTML 表单。
① 标签的 action 属性规定当提交表单时，向何处发送表单数据。
② 标签的 method 属性规定如何发送表单数据。主要有get和post两种。其中get方法就是直接填充到URL上，post方法是先与action属性指定的表单建立联系，然后把数据分段传输到服务器。
在这里插入图片描述

z55947810

发布了10 篇原创文章 · 获赞 0 · 访问量 51

私信关注

小杰的学习过程之html表格练习

猜你喜欢