HTML常用行标签和表单控件

HTML常用的行级标签

行内元素不独占一行

HTML链接 a标签

href属性是必须要的属性,target指定连接以何种方式打开,_blank用新窗口打开,默认是self原窗口打开。

<a href="链接" target="_blank">链接文本</a>

图像标签 img(是一个单标签,不需要闭合)

设置title属性,当鼠标指针放在图片上时,会显示title属性的值
图片标签一般只设置高度或者宽度,另一个尺寸会等比例缩放,如果两个尺寸都设置的话,图片会变形

<img src="图片地址(可以是网络地址,也可以是本体图片的路径)" alt="图片加载失败时显示的信息">

span 无语意的行级元素,一般配合CSS来使用

<span style="color:red">内容</span>

HTML中的的实体字符,当网页不能正常大小于号等字符的时候,可以使用实体字符显示

2&gt;1  		&gt;  是大于号

2>1

1&lt;2              &lt;  是小于号

1<2
还有其他的实体字符,具体在使用的时候可以查阅

1&nbsp;&nbsp;&nbsp;2        		&nbsp; 是空格

表单控件

常用的属性:
disabled:禁用属性
readonly:只读
placeholder=“提示的内容”:指定输入框中的提示信息

action:指定表单数据的提交地址
method:指定数据传输的方式,默认为GET方式
	GET:通过URL地址传输数据,所有数据都会显示在URL地址栏中,相对来说不安全,而且也会有数据的大小限制
	POST:不通过URL地址传参,相对来说安全,传输的数据没有大小限制,一般表单指定使用POST方式来传输
enctype:如果有文件上传则必须添加这个属性,属性值 "multipart/form-data" 用于上传的文件转码	

<form action="#" method="GET" enctype="multipart/form-data">
	//表单控件必须要填写name属性,作为数据的键
	//value是设置表单内容的默认值,一般不设置,用来获取用户的输入
	//type属性指定表单的类型(普通文本,密码框,复选单选框)
            用户名:<input type="text" name="username">
            <br>
            密&nbsp;&nbsp;&nbsp;码:<input type="password" name="password">    //password输入内容不可见
            <br>
            
        //一组单选框的name值必须相同,且必须有name和value属性,value作为发送的具体值
            <input type="radio" name="gender" value="1"> 男
            <input type="radio" name="gender" value="0"> 女
            
	//多选框也必须指定name和value属性,同上
	    <input type="checkbox" name="love[]" value="z"> 足球
	    <input type="checkbox" name="love[]" value="l"> 篮球
			
	//下拉框也要指定name和value属性值,option标签代表一个选项,必须配合使用
		<select name="xl">
	               <option value="1">小学</option>
	               <option value="2">高中</option>
	               <option value="3">大学</option>
		</select>
          	
       #### 提交按钮
	   <input type="submit" value="确定">
	   <button>确定</button>	
       #### 重置按钮,可以重置表单内输入的内容重新输入
	   <input type="reset">
       #### 隐藏域, 不显示在页面上的内容,但是随表单一起提交到后代的数据
	   <input type="hidden" name="id" value="0">
</form>

猜你喜欢

转载自blog.csdn.net/li8561191/article/details/84065323