前端入门html5知识--空标签

空标签

1、<br/>
在 html 代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行，就必须输入<br/>。

2、  空格符
要想输入空格，必须写入 。

3、<hr/>
实现水平线分隔的横线（默认样式线条比较粗，颜色为灰色）。

4、<img/>

<img src = "myimage.gif" 
alt = "My Image" 
title = "My Image" />

讲解：

1)、src：标识图像的位置；
2)、alt：指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本；
3)、title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)；
4)、图像可以是gif，png，jpeg格式的图像文件

5、<input/>文本输入框

	<form>
   <input type="text/password/number" 
   name="名称" 
   value="文本" 
   placeholder="请输入密码"/>
</form>

1、type：

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

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

• 当type="url"时, 输入框为网址输入框，数字框的值需以http://或者https://开头,且后面必须有内容,否则表单提交的时候会报错误提示。。

• 当type="number"时, 输入框为数字框,数字框只能输入数字，输入其他字符无效。数字框最右侧会有一个加减符号,可以调整输入数字的大小,不同浏览器表现不一致。
  

• 当type=“email”,则表示该输入框的类型为邮箱；数字框里必须要有@，且@之后必须有内容,否则会报错误提示。

• 当type=“submit”,则表示提交按钮，value：按钮上显示的文字。

• 当type=“reset”,则表示重置按钮，value：按钮上显示的文字。
  发现书写有误，可以使用重置按钮使输入框恢复到初始状态

2、name：为文本框命名，以备后台程序ASP 、PHP使用。
3、value：为文本输入框设置默认值。(一般起到提示作用)
4、 placeholder属性：输入框占位符，为输入内容提示。

单选框、复选框

  <form action="save.php" method="post">
        <label>性别:</label>
        <label>男</label>
        <input type="radio" value="1" 
        name="gender" checked="checked"/>
        
        <label>女</label>
        <input type="radio" value="2" 
        name="gender" />
    </form>

• type:
  当 type=“radio” 时，控件为单选框
  当 type=“checkbox” 时，控件为复选框

• value：提交数据到服务器的值（后台程序PHP使用）

• name：为控件命名，以备后台程序 ASP、PHP 使用；当类型为radio单选框时，同一组的name的值必须一致，这样同一组的单选按钮才可以起到单选的作用。

• checked：当设置 checked=“checked” 时，该选项被默认选中

6、<label/>标签
当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上（就自动选中和该label标签相关连的表单控件上）。
注意：标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。

	<form
  <label for="email">输入你的邮箱地址</label>
  <input type="email" id="email" 
  placeholder="Enter email">
</form>