慕课网

精品课程初识HTML(5)+CSS(3)

初识HTML(5)+CSS(3)

最热最新

星海7988889

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

查看全部

0 采集收起来源：留个邮箱,方便通知消息 - 邮箱输入框
2021-10-25
星海7988889

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

查看全部

0 采集收起来源：平时都逛论坛么? - 网址输入框
2021-10-25
星海7988889

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

查看全部

0 采集收起来源：平时都逛论坛么? - 网址输入框
2021-10-25
星海7988889

number
; 数字楠播
技术点的解释：
1、input的type属性设置为number,则表示该输入框的类型为数字。
2、数字框只能输入数字，输入其他字符无效。
3、数字框最右侧会有一个加减符号,可以调整输入数字的大小,不同浏览器表现不一致。

查看全部

0 采集收起来源：在家呆多少天啦? - 数字输入框
2021-10-25
慕码人6241741

给子元素设置flex属性,可以设置子元素相对于父元素的占比。

2、flex属性的值只能是正整数,表示占比多少。

3、给子元素设置了flex之后,其宽度属性会失效。

.box1 { flex: 1; background: red; } .box2 { flex: 3; background: orange; }

查看全部

0 采集收起来源：我想占大头 - 给子元素设置flex占比
2021-10-25
星海7988889

1、placeholder属性为输入框占位符,里面可以放提示的输入信息。
2、placeholder属性的值可以任意填写,当输入框输入内容时,占位符内容消失,输入框无内容时,占位符内容显示。
3、占位符内容不是输入框真正的内容。

查看全部

0 采集收起来源：给点提示呗 - placeholder属性的使用
2021-10-25
星海7988889

语法：
<form>
<input type="text/password" name="名称" value="文本" />
</form>
1、type：
当type="text"时，输入框为文本输入框;
当type="password"时, 输入框为密码输入框。
2、name：为文本框命名，以备后台程序ASP 、PHP使用。
3、value：为文本输入框设置默认值。(一般起到提示作用)
举例：
举例：
<form>
姓名：
<input type="text" name="myName">
<br/>
密码：
<input type="password" name="pass">
</form>

查看全部

0 采集收起来源：先来填用户名和密码 - 文本输入框、密码输入框
2021-10-25
星海7988889

form
语法：
<form method="传送方式" action="服务器文件">
讲解：
1.<form> ：<form>标签是成对出现的，以<form>开始，以</form>结束。
2.action ：浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。
3.method ：数据传送的方式（get/post）。
<form method="post" action="save.php">
<label for="username">用户名:</label>
<input type="text" name="username" />
<label for="pass">密码:</label>
<input type="password" name="pass" />
</form>
注意:
1、所有表单控件（文本框、文本域、按钮、单选框、复选框等）都必须放在 <form></form> 标签之间（否则用户输入的信息可提交不到服务器上哦！）。
2、method : post/get 的区别这一部分内容属于后端程序员考虑的问题。感兴趣的小伙伴可以查看本小节的 wiki，里面有详细介绍。

查看全部

0 采集收起来源：使用表单标签，与用户交互 - 使用<form>创建表单
2021-10-25
慕码人6241741

如果想为元素设置层模型中的绝对定位，需要设置position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块，则相对于body元素，即相对于浏览器窗口。

如下面代码可以实现div元素相对于浏览器窗口向右移动100px，向下移动50px。

div{
    width:200px;
    height:200px;
    border:2px red solid;
    position:absolute;
    left:100px;
    top:50px;
}
<div id="div1"></div>

查看全部

0 采集收起来源：万事无绝对 -层模型之绝对定位
2021-10-25
weixin_慕仔6479095

<form>
用户名：
<input type="text" name="myname" value="" placeholder="请输入用户名">
<br>
密    码：
<input type="password" name="pass" value="" placeholder="请输入密码">
</form>

查看全部

0 采集收起来源：给点提示呗 - placeholder属性的使用
2021-10-25
weixin_慕仔6479095

#HTML+CSS基础——本输入框、密码输入框#
语法：
<form>
<input type="text/password" name="名称" value="文本" />
</form>
说明：
1、type：
当type="text"时，输入框为文本输入框;
当type="password"时, 输入框为密码输入框。
2、name：为文本框命名，以备后台程序ASP 、PHP使用。
3、value：为文本输入框设置默认值。(一般起到提示作用)

查看全部

0 采集收起来源：先来填用户名和密码 - 文本输入框、密码输入框
2021-10-25
qq_慕雪9395100

<!DOCTYPE html>
<html>

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

<body>
<form>
<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>
</body>

</html>

查看全部

0 采集收起来源：使用label为input标签穿上衣服
2021-10-25
weixin_慕仔6479095

创建表格的四个元素：table、tr、th、td
1、<table>…</table>：整个表格以<table>标记开始、</table>标记结束。
2、<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。
3、<td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。
4、<th>…</th>：表格的头部的一个单元格，表格表头。
5、表格中列的个数，取决于一行中数据单元格的个数。
6、border属性可以为表格添加边框，属性值为数字。
注意：
1、table标签用来定义整个表格，为双标签，必须有结束标签。
2、table标签里面可以放caption标签和tr标签。
3、caption标签用来定义表格的标题。
4、tr标签用来设置表格的行，tr里面只能放th或者td标签，一组tr标签代表一行。
5、th用来设置表格的标题，会加粗居中显示。也就是th标签中的文本默认为粗体并且居中显示。
6、td同来设置表格的列，一组td标签代表一列。
7、table表格在没有添加border属性之前, 在浏览器中显示是没有表格线的。

查看全部

0 采集收起来源：听说你要制定学习计划了-使用table家庭为网页添加表格
2021-10-25
qq_慕雪9395100

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>学习表格标签</title>
</head>

<h3>前端三剑客</h3>

<hr>

<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>

<body>

</body>

</html>

查看全部

0 采集收起来源：听说你要制定学习计划了-使用table家庭为网页添加表格
2021-10-25
慕码人6241741

元素边框的圆角效果可以使用border-radius属性来设置。圆角可分为左上、右上、右下、左下。如下代码：

div{border-radius: 20px 10px 15px 30px;

顺时针

查看全部

0 采集收起来源：加个圆角 - 使用border-radius设置圆角
2021-10-25

首页上一页 166 167 168 169 170 171 172 下一页尾页

0/150

提交

取消

开始学习

课程须知: 没有任何WEB经验的WEB应用程序开发者、对WEB前端技术感兴趣的用户均可学习本教程。

老师告诉你能学到什么？: 本教程代领大家轻松学习HTML(5)、CSS(3)样式基础知识，可以利用HTML(5)、CSS(3)样式技术制作出简单页面。