慕课网

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

初识HTML(5)+CSS(3)

最热最新

慕尼黑9055727

使用HTML表单标签（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>创建表单
2018-03-22
慕尼黑9055727

<img>标签语法： <img src="图片地址" alt="下载失败时的替换文本" title = "提示文本"> 举例： <img src = "myimage.gif" alt = "My Image" title = "My Image" /> 讲解： 1、src：标识图像的位置； 2、alt：指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本； 3、title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)； 4、图像可以是GIF，PNG，JPEG格式的图像文件。

查看全部

0 采集收起
2018-03-22
慕尼黑9055727

使用mailto在网页中链接Email地址 <a>标签还有一个作用是可以链接Email地址，使用mailto能让访问者便捷向网站管理者发送电子邮件。我们还可以利用mailto做许多其它事情：功能关键字功能详解举例邮箱地址 mailto：浏览器会自动调用默认的客户端电子邮件程序（如Outlook），并在收件人框中地洞填上收件人的地址 <a href="mailto:yy@imooc.com">发送</a> 抄送地址 cc= 在收件人地址后用cc=地址，可以填写抄送地址 <a href="mailto:yy@imooc.com?cc=imoocAdmin@imooc.com">发送</a> 密件抄送地址 bcc= 在收件人地址后用bcc=地址，可以填写密件抄送地址 <a href="mailto:yy@imooc.com?bcc=pp@imooc.com>发送</a> 多个收件人、抄送、密件抄送人；用分号隔开多个收件人的地址，可以实现发送给多个收件人的功能 <a href="mailto:yy@imooc.com;pp@imooc.com">发送</a> 邮件主题 subject= 用subject=添加邮件主题 <a href="mailto:yy@imooc.com?subject=发送电子邮件">发送</a> 邮件内容 body= 用body=添加邮件内容用subject=添加邮件主题 <a href="mailto:yy@imooc.com?body=欢迎来到慕课网">发送</a> 注意：如果mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。完整的实例: <a href="mailto:yy@imooc.com?cc=xiaoming@imooc.com&bcc=xiaoyu@imooc.com&subjiect=主题&body=邮件内容">发送</a>

查看全部

0 采集收起
2018-03-22
慕移动9593978

form表单中的label标签没有什么特殊效果，用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本，就会触发此控件。就是说，当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上（就自动选中和该label标签相关连的表单控件上）简言之，label标签可以使文字与控件关联起来，点击标签即可触发对应的控件！

查看全部

0 采集收起来源：使用label为input标签穿上衣服
2014-11-19
慕移动9593978

重置按钮：<input type="reset" value="重置" /> ，type="reset"表示按钮是重置功能，value是按钮上的文字

查看全部

0 采集收起来源：使用重置按钮，重置表单信息
2018-03-22
慕移动9593978

提交按钮：<input type="submit" value="提交" />，type="submit"表示按钮是提交按钮，value属性是按钮上的文字

查看全部

0 采集收起来源：填完就可以提交咯 - 提交按钮
2018-03-22
慕移动9593978

下拉列表的多选操作设置，用<select>标签中设置multiple="multiple"属性，选择时按住Ctrl可以实现多选

查看全部

0 采集收起
2018-03-22
慕数据4229975

如果想在网页排版中设置文字间隔或者字母间隔就可以使用 letter-spacing来实现如果我想设置英文单词之间的间距呢？可以使用word-spacing来实现

查看全部

0 采集收起
2014-11-19
慕数据4229975

p{text-indent:2em;} 注意：2em的意思就是文字的2倍大小。

查看全部

0 采集收起
2014-11-19
慕数据4229975

上图中的原价上的删除线使用下面代码就可以实现： .oldPrice{text-decoration:line-through;}

查看全部

0 采集收起
2014-11-19
慕移动9593978

下拉列表框标签，格式：<select><option value="向服务器提交的值" >选项</option><select>,其中，选项是显示在界面上的值，属性selected="selected"的设置表示该选项被默认选中

查看全部

0 采集收起来源：使用select、option标签创建下拉菜单
2018-03-22
mumujun

<ol>标签来制作有序列表来展示。

查看全部

0 采集收起
2018-03-22
慕数据4229975

文字排版--斜体 p a{font-style:italic;} <p>三年级时，我还是一个<a>胆小如鼠</a>的小女孩。</p>

查看全部

0 采集收起来源：再加个样式 - 使用font-style设置字体样式
2018-03-22
慕数据4229975

标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。例如下面的代码： p{color:red;} /*权值为1*/ p span{color:green;} /*权值为1+1=2*/ .warning{color:white;} /*权值为10*/ p span.warning{color:purple;} /*权值为1+1+10=12*/ #footer .note p{color:yellow;} /*权值为100+10+1=111*/

查看全部

0 采集收起来源：权值计算-特殊性
2014-11-19
慕移动9593978

单选框、复选框标签，格式：<input type="radio/checkbox" value="值" name="名称" checked="checked"/>，属性值解释：type为radio时是单选框，checkbox时是复选框；value是提交数据到服务器的值；name是控件命名，后台程序使用；checked="checked"时表示该选项默认被选中。同一组单选按钮，name属性设置要一致，否则不能起到单选的作用。

查看全部

0 采集收起来源：填填性别和兴趣爱好 - 单选框、复选框，让用户选择
2018-03-22

首页上一页 27592 27593 27594 27595 27596 27597 27598 下一页尾页

0/150

提交

取消

开始学习

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

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