慕课网

初识HTML(5)+CSS(3)-升级版

最热最新

慕丝7277520

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>文本输入框、密码输入框</title>
</head>

<body>
    <form method="post" action="save.php">
        账户:<input type="text" name="myName" />
        <br>
        密码:<input type="password" name="pass" />
    </form>
</body>

</html>

查看全部

0 采集收起来源：先来填用户名和密码 - 文本输入框、密码输入框
2023-09-23
慕丝7277520

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>表单标签</title>
</head>

<body>
    <form> method="post" action="save.php"
        method=“post”action=“save.php
        <br><label for="username">用户名:</label>
        <input type="text" name="username" id="username" value="" />
        <label for="pass">密码:</label>
        <input type="password" name="pass" id="pass" value="" />
        <input type="submit" value="确定" name="submit" />
        <input type="reset" value="重置" name="reset" />
    </form>
</body>

</html>

查看全部

0 采集收起来源：使用表单标签，与用户交互 - 使用<form>创建表单
2023-09-23
慕丝7277520

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>使用thead、tbody、tfoot标签</title>
</head>

<body>
    <table border="1">
        <caption>前端三剑客</caption>
       <thead>
            <th>科目</th>
            <th>分数</th>

        </thead>
        <tbody>
            <td>语文</td>
            <td>60</td>
        </tbody>
        <tbody>
            <td>数学</td>
            <td>60</td>
    </tbody>
        <tfoot>
            <td>总分</td>
            <td>159</td>
        </tfoot>
    </table>

</body>
</html>

查看全部

0 采集收起来源：使用thead、tbody、tfoot定义表格
2023-09-23
慕丝7277520

<table border="1">
<caption>前端三剑客</caption>
<tr>
<th>知识点</th>
<th>重要程度</th>
<th>难度</th>
<th>学习周期</th>
</tr>
<tr>
<td>html</td>
<td>5星</td>
<td>3星</td>
<td>7天</td>
</tr>
<tr>
<td>css</td>
<td>5星</td>
<td>4星</td>
<td>10天</td>
</tr>
<tr>
<td>js</td>
<td>5星</td>
<td>5星</td>
<td>20天</td>
</tr>
</table>

查看全部

0 采集收起来源：听说你要制定学习计划了-使用table家庭为网页添加表格
2023-09-23
慕丝7277520

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>header</title>
</head>

<body>
<header>我是头部标签</header>
<section>我是一个区域</section>
<footer>我是底部标签</footer>
</body>

</html>

查看全部

0 采集收起来源：正文才是重点喔 - <section>定义区段
2023-09-21
慕丝7277520

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>header</title>
</head>

<body>
<header>我是头部标签</header>
<footer>我是底部标签</footer>
</body>

</html>

查看全部

0 采集收起来源：结尾神转折 - <footer>标签定义底部区域
2023-09-21
慕丝7277520

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>header</title>
</head>

<body>
<header>我是头部标签</header>
</body>

</html>

查看全部

0 采集收起来源：听说开头写的好就能一键三连 - <header>标签定义头部区域
2023-09-21
qq_宝慕林8424049

各位慕课网的小伙伴，大家好，我们继续我们的快乐代码之旅。从这一章节开始,我们来学习html5新增的语义化标签,首先我们来学习header标签，用来定义头部区域。
例如慕课网顶部部分
那就让我们开始学习吧

查看全部

0 采集收起来源：听说开头写的好就能一键三连 - <header>标签定义头部区域
2023-09-21
慕村6484350

title="电影介绍"/>

查看全部

0 采集收起来源：不发一张自拍么? - 使用<img>标签为网页添加图片
2023-09-20
weixin_慕用5286268
label
label标签不会向用户呈现任何特殊效果，它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本，就会触发此控件。就是说，当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上（就自动选中和该label标签相关连的表单控件上）。
语法：
<label for="控件id名称">
注意：标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。
例子：
```
<form>
 <label for="email">输入你的邮箱地址</label>
 <input type="email" id="email" placeholder="Enter email">
     <br>
 <label for="uname">输入你的用户名</label>
 <input type="text" id="uname" placeholder="Enter uname">
     <br>
 <label for="pass">输入你的密码</label>
 <input type="password" id="pass" placeholder="Enter password">
</form>
```
查看全部

0 采集收起来源：使用label为input标签穿上衣服
2023-09-20
摩尔coco

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>使用thead、tbody、tfoot标签</title>
</head>

<body>
<h3>成绩单</h3>
<hr>
<table border="1">
<thead>
<tr>
<th>科目</th>
<th>分数</th>
</tr>
</thead>
<tbody>
<tr>
<td>语文</td>
<td>99</td>
</tr>
<tr>
<td>数学</td>
<td>60</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>总分</td>
<td>159</td>
</tr>
</tfoot>

</table>
</body>

</html>

查看全部

0 采集收起来源：使用thead、tbody、tfoot定义表格
2023-09-18
摩尔coco

使用<a>标签可实现超链接，它在网页制作中可以说是无处不在，只要有链接的地方，就会有这个标签。
语法：
<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>

查看全部

0 采集收起来源：百度一下,你就知道 - 使用<a>标签为网页添加超链接
2023-09-18
weixin_慕用5286268

使用<textarea>标签创建文本域
当用户需要在表单中输入大段文字时，需要用到文本输入域。
语法：
<textarea rows="行数" cols="列数">文本</textarea>
1、<textarea>标签是成对出现的，以<textarea>开始，以</textarea>结束。
2、cols ：多行输入域的列数。
3、rows ：多行输入域的行数。
注意这两个属性可用css样式的width和height来代替：col用width、row用height来代替。
4、在<textarea></textarea>标签之间可以输入默认值。
文本区域默认是可以拉伸的添加属性：resize:none即可

查看全部

0 采集收起来源：留下您宝贵的意见 - 使用<textarea>标签创建文本域
2023-09-17
weixin_慕用5286268

邮箱输入框
技术点的解释：
1、Input的type属性设置为email,则表示该输入框的类型为邮箱。
2、数字框的值必须包含@。
3、数字框的值@之后必须有内容,否则会报错误提示。

查看全部

0 采集收起来源：留个邮箱,方便通知消息 - 邮箱输入框
2023-09-17
weixin_慕用5286268

网址输入框
技术点的解释：
1、input的type属性设置为url,则表示该输入框的类型为网址。
2、数字框的值需以http://或者https://开头,且后面必须有内容,否则表单提交的时候会报错误提示。

查看全部

0 采集收起来源：平时都逛论坛么? - 网址输入框
2023-09-17