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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 使用下拉列表框进行多选 下拉列表也可以进行多选操作,在<select>标签中设置multiple="multiple"属性,就可以实现多选功能,进行多选时按下Ctrl键同时进行单击,可以选择多个选项。如下代码: <form name="iForm" > <label>爱好:</label> <select multiple="multiple"> <option value="看书">看书</option> <option value="旅游">旅游</option> <option value="运动">运动</option> <option value="购物">购物</option> </select> </form>
    查看全部
    0 采集 收起

    2018-03-22

  • span{ ... ... } <span>XXX</span> 为了单独设置样式
    查看全部
    0 采集 收起

    2018-03-22

  • 段落排版--对齐 想为块状元素中的文本、图片设置居中样式吗?可以使用text-align样式代码. div{text-align:center;}
    查看全部
    0 采集 收起

    2014-11-19

  • 使用下拉列表框进行多选 下拉列表也可以进行多选操作,在<select>标签中设置multiple="multiple"属性,就可以实现多选功能,进行多选时按下Ctrl键同时进行单击,可以选择多个选项。
    查看全部
    0 采集 收起

    2018-03-22

  • 下拉列表在网页中也常会用到,它可以有效的节省网页空间。既可以单选、又可以多选。 讲解: 1、value: 2、selected="selected": 设置selected="selected"属性,则该选项就被默认选中。
    查看全部
  • 使用下拉列表框,节省空间 <form action="save.php" method="post" > <label>爱好:</label> <select> <option value="看书">看书</option> <option value="旅游" selected="selected">旅游</option> <option value="运动">运动</option> <option value="购物">购物</option> </select> </form> 讲解: 1、value: <option value="提交值">显示的值</option> 2、selected="selected": 设置selected="selected"属性,则该选项就被默认选中。
    查看全部
  • 段落排版--字间距、字母间距 文字间隔、字母间隔设置: 如果想在网页排版中设置文字间隔或者字母间隔就可以使用 letter-spacing来实现,如下面代码: h1{ letter-spacing:50px; } ... <h1>了不起的盖茨比</h1> 注意:这个样式使用在英文单词时,是设置字母与字母之间的间距。 单词间距设置: 如果我想设置英文单词之间的间距呢?可以使用word-spacing来实现。如下代码: h1{ word-spacing:50px; } ... <h1>welcome to imooc!</h1>
    查看全部
    0 采集 收起

    2018-03-22

  • 使用单选框、复选框,让用户选择 语法: <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取值一定要一致,比如上面例子为同一个名称“radioLove”,这样同一组的单选按钮才可以起到单选的作用。
    查看全部
  • 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"时,该选项被默认选中
    查看全部
  • 文本域,支持多行文本输入 当用户需要在表单中输入大段文字时,需要用到文本输入域。 语法: <textarea rows="行数" cols="列数">文本</textarea> 1、<textarea>标签是成对出现的,以<textarea>开始,以</textarea>结束。 2、cols :多行输入域的列数。 3、rows :多行输入域的行数。 4、在<textarea></textarea>标签之间可以输入默认值。 举例: <form method="post" action="save.php"> <label>联系我们</label> <textarea cols="50" rows="10" >在这里输入内容...</textarea> </form> 注意这两个属性可用css样式的width和height来代替:col用width、row用height来代替。
    查看全部
  • 注释格式<!--注释-->
    查看全部
  • 文本域,支持多行文本输入 当用户需要在表单中输入大段文字时,需要用到文本输入域。 语法: <textarea rows="行数" cols="列数">文本</textarea> 1、<textarea>标签是成对出现的,以<textarea>开始,以</textarea>结束。 2、cols :多行输入域的列数。 3、rows :多行输入域的行数。 4、在<textarea></textarea>标签之间可以输入默认值。
    查看全部
  • 文本输入框、密码输入框 语法: <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>
    查看全部
  • 文本输入框、密码输入框 当用户要在表单中键入字母、数字等内容时,就会用到文本输入框。文本框也可以转化为密码输入框。 语法: <form> <input type="text/password" name="名称" value="文本" /> </form> 1、type: 当type="text"时,输入框为文本输入框; 当type="password"时, 输入框为密码输入框。 2、name:为文本框命名,以备后台程序ASP 、PHP使用。 3、value:为文本输入框设置默认值。(一般起到提示作用)
    查看全部
  • Form中的get和post方法,在数据传输过程中分别对应了GET和POST方法。 二者主要区别如下: 1、Get将表单中数据的按照variable=value的形式,添加到action所指向的URL后面,并且两者使用“?”连接,而各个变量之间使用“&”连接;Post是将表单中的数据放在form的数据体中,按照变量和值相对应的方式,传递到action所指向URL。 如下形式: http://www.imooc.com/test.asp?name=lilian&password=12345678 2、Get是不安全的,因为在传输过程,数据被存放在请求的URL地址中,这样就可能会有一些隐私的信息被第三方看到。 3、Get方式传输的数据量非常小,一般限制在 2KB 左右,但是执行效率却比 Post 方法好;而 Post 方式传递的数据量相对较大,它是等待服务器来读取数据,不过也有字节限制,这是为了避免对服务器用大量数据进行恶意攻击,根据微软方面的说法,微软对用 Request.Form()可接收的最大数据有限制,IIS4中为 80KB 字节,IIS5 中为 100KB 字节。 综上所述,请尽量用 Post 方法。
    查看全部

举报

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

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