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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • input type


    button    定义可点击的按钮(通常与 JavaScript 一起使用来启动脚本)。    

    checkbox    定义复选框。    

    color    定义拾色器。    

    date    定义 date 控件(包括年、月、日,不包括时间)。    

    datetime    定义 date 和 time 控件(包括年、月、日、时、分、秒、几分之一秒,基于 UTC 时区)。    

    datetime-local    定义 date 和 time 控件(包括年、月、日、时、分、秒、几分之一秒,不带时区)。    

    email    定义用于 e-mail 地址的字段。    

    file    定义文件选择字段和 "浏览..." 按钮,供文件上传。    

    hidden    定义隐藏输入字段。    

    image    定义图像作为提交按钮。    

    month    定义 month 和 year 控件(不带时区)。    

    number    定义用于输入数字的字段。    

    password    定义密码字段(字段中的字符会被遮蔽)。    

    radio    定义单选按钮。    

    range    定义用于精确值不重要的输入数字的控件(比如 slider 控件)。    

    reset    定义重置按钮(重置所有的表单值为默认值)。    

    search    定义用于输入搜索字符串的文本字段。    

    submit    定义提交按钮。    

    telNew    定义用于输入电话号码的字段。    

    text    默认。定义一个单行的文本字段(默认宽度为 20 个字符)。    

    time    定义用于输入时间的控件(不带时区)。    

    urlNew    定义用于输入 URL 的字段。    

    week    定义 week 和 year 控件(不带时区)。    

    查看全部
  • <form>
      <input type="text/password" name="名称" value="文本" />
    </form>

    1、type:

       当type="text"时,输入框为文本输入框;

       当type="password"时, 输入框为密码输入框。

    2、name:为文本框命名,以备后台程序ASP 、PHP使用。

    3、value:为文本输入框设置默认值。(一般起到提示作用)

    查看全部
  • 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,里面有详细介绍。

    查看全部
  • <img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">

    1、src:标识图像的位置;

    2、alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本;

    3、title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本);

    4、图像可以是GIF,PNG,JPEG格式的图像文件。

    查看全部
  • <ul><li>无序

    ol><li>有序

    查看全部
  • <hr />:单独成行,形成一条分隔线

    <img />:插入图片

    查看全部
  • a标签有的target属性,代表打开网页的方式。可选值为”_self和_blank”,默认值为_self,代表在当前页面打开链接,_blank代表在新窗口打开链接。

    查看全部
  • 1、src:标识图像的位置;

    2、alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本;

    3、title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本);

    4、图像可以是GIF,PNG,JPEG格式的图像文件。

    查看全部
  • <img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">

    查看全部
  • HTML 标签不区分大小写

    查看全部
  • 3.<head></head>标签对:标签包含有关HTML文档的信息,可以包含一些辅助性标签。如<title></title>,<link /><meta />,<style></style>,<script></script>等,但是浏览器除了会在标题栏显示<title>元素的内容外,不会向用户显示head元素内的其他任何内容。

    4.<body></body>标签对:它是HTML文档的主体部分,在此标签中可以包含<p><h1><br>等众多标签,<body>标签出现在</head>标签之后,且必须在闭标签</html>之前闭合。

    查看全部
  •   <input type="url">


    input的type属性设置为url,则表示该输入框的类型为网址。


     <input type="email">

    邮箱


    数字框的值需以http://或者https://开头,且后面必须有内容,否则表单提交的时候会报错误提示。

    查看全部
  •  <input type="number">

    点击输入框后出现加减的图标。

    数字框只能输入数字,输入其他字符无效。

    input的type属性设置为number,则表示该输入框的类型为数字。

    查看全部
  • placeholder属性为输入框占位符,里面可以放提示的输入信息。

    查看全部
  • <!DOCTYPE html>

    <html>


    <head>

        <meta charset="UTF-8">

        <title>表单标签</title>

    </head>


    <body>

        <form method="post" action="save.php">

            <label for="username">用户名:</label>

            <input type="text" name="username" id="username" value="" />

            <label for="pass">密码:</label>

            <input type="password" name="pass" id="pass" value="" />

            <input type="submit" value="确定" name="submit" />

            <input type="reset" value="重置" name="reset" />

        </form>

    </body>


    </html>

    查看全部

举报

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

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