慕课网

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

初识HTML(5)+CSS(3)

最热最新

乖乖拐拐怪
下拉菜单：使用<select><option>标签
讲解：
1. select和option标签都是双标签。
2. select标签只能放在option标签中，表示下拉列表的选项。
3. option标签放选项内容，不放其他标签。
4. value：向服务器提交的值，显示的值
  ex：
  <option value="提交值">选项</option>
5. selected="selected":
  设置selected="selected"属性，则该选项默认被选中。
查看全部

0 采集收起来源：使用select、option标签创建下拉菜单
2022-02-12
乖乖拐拐怪
单选框、复选框
单选框：选项用户只能选择一项。
复选框：用户可以任意多项，甚至全选。
语法：
<input type="redio/checkbox" value="值" name="名称" checked="checked"/>
讲解：
1. type：
  当type="radio"时，控件为单选框
  当type="checkbox"时，控件为复选框
2. value：提交数据到服务器的值（后台程序php使用）
3. name：为控件命名，以备后台程序asp、php使用
4. checked：当设置checked="checked"时，该选项被默认为选中。
注意：同一组的单选按钮，name取值一定要一致，才可以起到单选作用。
查看全部

0 采集收起来源：填填性别和兴趣爱好 - 单选框、复选框，让用户选择
2022-02-12
乖乖拐拐怪
单选框、复选框
单选框：选项用户只能选择一项。
复选框：用户可以任意多项，甚至全选。
语法：
<input type="redio/checkbox" value="值" name="名称" checked="checked"/>
讲解：
1. type：
  当type="radio"时，控件为单选框
  当type="checkbox"时，控件为复选框
2. value：提交数据到服务器的值（后台程序php使用）
3. name：为控件命名，以备后台程序asp、php使用
4. checked：当设置checked="checked"时，该选项被默认为选中。
查看全部

0 采集收起来源：填填性别和兴趣爱好 - 单选框、复选框，让用户选择
2022-02-12
乖乖拐拐怪

label：为input标签穿上衣服
语法：
<label for="控件id名称">
注意：标签for属性中的值一定要与相关控件的id属性相同。
举例：
<from>
<label for="email">输入你的邮箱地址</label>
<input type="email" id="email" placeholder="enter email">
</from>

查看全部

0 采集收起来源：使用label为input标签穿上衣服
2022-02-12
乖乖拐拐怪

<textarea>标签创建文本域
语法：
<textarea rows="行数" cols="列数">文本</textarea>
1.<textarea></textarea>标签成对出现，标签之间可以输入默认值。
2.clos：列数
3.rows：行数

查看全部

0 采集收起来源：留下您宝贵的意见 - 使用<textarea>标签创建文本域
2022-02-12
乖乖拐拐怪

email邮箱框
input标签中的邮箱框email类型：①输入内容需包含@；②@后需要有内容；否则都会出现错误提示。
写法：
<input type="email">

查看全部

0 采集收起来源：留个邮箱,方便通知消息 - 邮箱输入框
2022-02-12
乖乖拐拐怪

url网址输入框
input标签中的网址框url类型：输入框内容必须以http://或者https://开头，否则会出现错误提示。
写法：
<input type="url">

查看全部

0 采集收起来源：平时都逛论坛么? - 网址输入框
2022-02-12
乖乖拐拐怪

number数字输入框
数字输入框只能输入数字，输入其他字符无效，且最右边会有加减符，可以调整输入框数字的大小。
写法： <input type="number">

查看全部

0 采集收起来源：在家呆多少天啦? - 数字输入框
2022-02-12
乖乖拐拐怪
placeholder属性的使用
1. placeholder是input标签（输入框）中的占位符，里面可以放提示的输入信息。
2. placeholder属性的值可以任意填写，当输入框输入内容时，占位符内容小时，输入框无内容时，占位符内容显示。
3. 占位符内容不是输入框真正的内容。
  一般使用：<input type="text" placeholder="请输入关键字">
查看全部

0 采集收起来源：给点提示呗 - placeholder属性的使用
2022-02-12
乖乖拐拐怪
文本输入框、密码输入框
语法：
<from>
<input type="text/password" name="名称” value="文本"/>
</from>
1. type:
  当type="text"时，输入框为文本框；
  当type="password"时，输入框为密码输入框。
2. name：为文本框命名，以备后退程序asp、php使用。
3. value：为文本输入框设置默认值。（一般起提示作用）
举例：
<from>
姓名：
<input type="text" name="myname">
<br />
密码
<input type="password" name="pass">
</from>
查看全部

0 采集收起来源：先来填用户名和密码 - 文本输入框、密码输入框
2022-02-12
幕布斯8043899

完整问卷调查表提交按扭

查看全部

0 采集收起来源：填完就可以提交咯 - 提交按钮
2022-02-11
幕布斯8043899

有问题的组合复选框type

查看全部

0 采集收起来源：填填性别和兴趣爱好 - 单选框、复选框，让用户选择
2022-02-11
幕布斯8043899

textarea创建文本框

查看全部

0 采集收起来源：留下您宝贵的意见 - 使用<textarea>标签创建文本域
2022-02-11
幕布斯8043899

input type=“url”网址框

查看全部

0 采集收起来源：平时都逛论坛么? - 网址输入框
2022-02-11
幕布斯8043899

input type=“number”数字框

查看全部

0 采集收起来源：在家呆多少天啦? - 数字输入框
2022-02-11
幕布斯8043899

关键词提问框input type

查看全部

0 采集收起来源：给点提示呗 - placeholder属性的使用
2022-02-11
乖乖拐拐怪
<form>表单标签：与用户交互
表单是可以把浏览者输入的数据传送到服务器端，服务器端程序可以处理表单传过来的数据。
语法：
<form method="传送方法“ action="服务器文件">
讲解：
1. <from></from>成对出现。
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></from>标签之间。否则用户输入的信息提交不到服务器上。
2. method:post/get.post用于创建，get用户获取，from一般写post。
查看全部

0 采集收起来源：使用表单标签，与用户交互 - 使用<form>创建表单
2022-02-11
慕田峪334661

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>shouji</title>
<style>
h1{
color:#933;
font-size:18px;
}
p{
color:#960;
}
</style>
</head>
<body>
<h1>在本教程中，你将学习如何使用 HTML 来创建站点</h1>
<p>当特殊的样式需要应用到个别元素时，就可以使用内联样式。</p>

</body>
</html>

养成注释的好习惯

查看全部

0 采集收起来源：使用说明书 - 标签的语法
2022-02-11

首页上一页 134 135 136 137 138 139 140 下一页尾页

0/150

提交

取消

开始学习

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

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