html前端表单笔记

最新推荐文章于 2023-03-06 20:47:29 发布

一个胖小白

最新推荐文章于 2023-03-06 20:47:29 发布

阅读量426

点赞数

分类专栏：笔记文章标签：前端 html javascript

本文链接：https://blog.csdn.net/weixin_46002359/article/details/122830869

版权

笔记专栏收录该内容

75 篇文章 0 订阅

订阅专栏

需求：
在这里插入图片描述
分析：

代码：

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

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

<body>
    <p><img src="../img/logo.bmp" alt="图片加载失败"></p>
    <p>
        <a href="#" style="color: blue;">登录|</a>
        <a href="#" style="color: blue;">阿里巴巴首页|</a>
        <a href="#" style="color: blue;">客服中心</a>
        <img src="../img/icon1.bmp" alt="图片加载失败">
        <a href="#" style="color: blue;">提建议</a>
    </p>
    <p>如需要帮助,请质询<img src="../img/icon2.bmp" alt="图片加载失败"> 或者拨打400-800-1688
    </p>
    <p>电子邮箱: <input type="email"></p>

    <p>会员登陆名: <input type="text"></p>

    <p>密码: <input type="password"></p>

    <p>再次输入密码: <input type="password"></p>

    <p>会员身份:
        <input type="radio" checked name="identity">卖家
        <input type="radio" name="identity">卖家
        <input type="radio" name="identity">两者都是
    </p>

    <p>验证码: <input type="text">
        <img src="../img/verycode.gif" alt="图片加载失败">
        <a href="#" style="color: blue;">看不清楚,换一张</a>
    </p>

    <p><img src="../img/btn_reg.gif" alt="图片加载失败"></p>

    <p>
        <textarea id="" cols="35" rows="20"></textarea>
    </p>
</body>

</html>

总结：

1、在前面***登录***那里，要改变超链接的颜色，需要style = “color：颜色名”
2、在表单里面，单项选择的时候，需要设置默认的选择，是在那个选择文本加checked，如：

<input type="radio" checked name="identity">卖家

就是设置卖家为默认选择

一个胖小白

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
html前端表单笔记

需求：分析：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &
复制链接

扫一扫