为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
初识HTML(5)+CSS(3)_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • fwf
    下拉列表: 注:1、value:<option value="提交值">选项(显示的值)</option> 2、selected="selected":设置selected="selected"属性,则该选项就被默认选中。
    查看全部
  • fwf
    在使用表单设计调查表时,为了减少用户的操作,会使用选择框,html中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用户只能选择一项,而复选框中用户可以任意选择多项,甚至全选: <input type="radio/checkbox" value="值" name="名称" checked="checked"/> 注:1、type:当type="radio"时,控件为单选框 当type="checkbox"时,控件为复选框 2、value:提交数据到服务器的值(后台程序PHP使用) 3、name:为控件命名,以备后台程序ASP、PHP使用 4、checked:当设置checked="checked"时,该选项被默认选中 注意:同一组的单选按钮,name取值一定要一致,这样同一组的单选按钮才可以起到单选的作用。
    查看全部
  • 5.4 使用单选框、复选框,让用户选择 语法: <input type="radio/checkbox" value="值" name="名称" checked="checked"/> 1、type: 当type="radio"时,控件为单选框 当type="checkbox"时,控件为复选框 2、value:提交数据到服务器的值(后台程序PHP使用) 3、name:为控件命名,以备后台程序ASP、PHP使用 4、checked:当设置checked="checked"时,该选项被默认选中 注意:同一组的单选按钮,name取值一定要一致,value值应该设置不同的值
    查看全部
  • fwf
    在输入大段文字时,需要用到文本输入域: <textarea rows="行数" cols="列数">文本</textarea> 注:1、cols :多行输入域的列数。 2、rows :多行输入域的行数。 3、在<textarea></textarea>标签之间可以输入默认值。
    查看全部
  • 5.3 文本域,支持多行文本输入: <textarea rows="行数" cols="列数">文本</textarea> 在<textarea>想要输入的默认值</textarea>标签之间可以输入默认值。 注意:这两个属性可用css样式的width和height来代替:col用width、row用height来代替。
    查看全部
  • dashed(虚线)| dotted(点线)| solid(实线)
    查看全部
  • 还有一个比较有用的选择器子选择器,即大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码: .food>li{border:1px solid red;} 这行代码会使class名为food下的子元素li(水果、蔬菜)加入红色实线边框。
    查看全部
  • 文本输入框、密码输入框 <form> <input type="text/password" name="名称" value="文本" /> </form> type:文本框的类型 name:为文本框命名,以备后台程序ASP 、PHP使用 value:为文本框设置默认的显示值
    查看全部
  • fwf
    在表单中键入字母、数字等内容时,会用到文本输入框。文本框也可以转化为密码输入框: <form> <input type="text/password" name="名称" value="文本" /> </form> 注:1、type:当type="text"时,输入框为文本输入框; 当type="password"时, 输入框为密码输入框。 2、name:文本框命名,以备后台程序ASP 、PHP使用。 3、value:为文本输入框设置默认值。(一般起到提示作用)。
    查看全部
  • <span>、<a>、<label>、<input>、 <img>、 <strong> 和<em>是行内元素
    查看全部
  • 讲解: 1.<form> :<form>标签是成对出现的,以<form>开始,以</form>结束。 2.action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。 3.method : 数据传送的方式(get/post)。
    查看全部
  • 使用表单标签,与用户交互:<form method="传送方式(get/post)" action="服务器文件(save.php)"> get/post的区别:Get将表单中数据的按照variable=value的形式,添加到action所指向的URL后面,并且两者使用“?”连接,而各个变量之间使用“&”连接;Post是将表单中的数据放在form的数据体中,按照变量和值相对应的方式,传递到action所指向URL。
    查看全部
  • display:block;变为块状元素 display:inline;变为行内元素
    查看全部
  • fwf
    表单可以把浏览者输入的数据传送到服务器端,服务器端程序再来处理表单传过来的数据: <form method="传送方式" action="服务器文件"> 注:1.action :浏览者输入的数据被传送到的地方。 2.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> 注意: 注:所有表单控件(文本框、文本域、按钮、单选框、复选框等)都必须放在<form></form>标签之 否则用户输入的信息提交不到服务器上!)。
    查看全部
  • 使用mailto在网页中链接Email地址" <a href="mailto:收件人邮箱地址1;收件人邮箱2?cc=抄送邮件地址&bcc=密件抄送地址&subject=主体&body=邮件内容"></a> 注意:如果mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的参数每一个都以“&”分隔。
    查看全部
    0 采集 收起

    2018-03-22

举报

0/150
提交
取消
课程须知
没有任何WEB经验的WEB应用程序开发者、对WEB前端技术感兴趣的用户均可学习本教程。
老师告诉你能学到什么?
本教程代领大家轻松学习HTML(5)、CSS(3)样式基础知识,可以利用HTML(5)、CSS(3)样式技术制作出简单页面。
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!