11.15web前端第三节课笔记

最新推荐文章于 2024-07-17 15:26:15 发布

menge2333

最新推荐文章于 2024-07-17 15:26:15 发布

阅读量81

点赞数

文章标签：前端笔记

本文链接：https://blog.csdn.net/menge2333/article/details/134447389

版权

第三节课作业

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./文本居中.css"
</head>
<body>
    <h1>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;用户注册</h1>

        

    <form action="#">
        用户名
        <input type="text" name="用户名" >
        <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="text" name="用户名" value="zhangsan" disabled >
        <br>
        密码&nbsp;&nbsp;&nbsp;
        <input type="password" name="密码" >
        <br>
        <br>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;性别
        <input type="radio" name="xingbie">男
        <input type="radio" name="xingbie">女
        <br>
        <br>
        爱好
        <input type="checkbox" name="爱好">唱
        <input type="checkbox" name="爱好">跳
        <input type="checkbox" name="爱好">Rap
        <input type="checkbox" name="爱好">打篮球
        <br>
        <br>
        邮箱
        <input type="text" name="邮箱" placeholder="请输入你的邮箱" >
        <br>
        <br>
        用户头像
        <input type="button" name="用户头像" value="选择文件">
        <br>
        <br>
        家庭住址
        <select name="家庭住址">
            <option value="光明路">光明路</option>
            <option value="朝阳路">朝阳路</option>
            <option value="烟花路">烟花路</option>
        </select>
        <br>
        <br>
        收货地址
        <select multiple>
            <option value="广州">广州</option>
            <option value="重庆">重庆</option>
            <option value="深圳">深圳</option>
            <option value="南京">南京</option>
        </select multiple\>
        <br><br>
        建议或意见
        <textarea name="建议或意见" cols="50" rows="3" placeholder="你的建议或意见"></textarea>
        <br><br>
        选择你喜欢的颜色<input type="color" name="颜色">
        注册时间<input type="time" name="时间">
        <br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="button" name="注册" value="注册">
        <input type="reset" name="重置">

 





        

    </form>


</body>
</html>

表格标签

<table border="1px" width="" height="" cellspacing="0">
    <caption>标题</caption>
    <tr>
        <td></td>
    </tr>

跨列跨行

<td colspan="">
<td rowspan="">

表单补充

表单扩大选择范围

iframe标签

嵌入页面

其余标签

dialog

details

全局属性

class配合CSS使用

tabindex使div可以便利CSS：层叠样式表

css引入外联

CSS选择器

标签选择器

类选择器

通配符选择器

包含选择器

子代选择器

后代选择器

复合选择器

属性选择器

开头为e

包含a

以a结尾

伪类选择器

鼠标悬停

伪元素