常用html元素总结包括基本结构、文档类型、头部、主体等等

2020-04-16 21:24:15易采站长站整理

<input id=”register_button” class=”button” type=”button” value=”注册” onclick=”location.href=””>

文本域:<input id="" name="" class="" type="text"></input>

密码域:<input id="" name="" class="" type="password"></input>
普通按钮:<input id="" name="" class="" type="button"></input>
单选按钮:<input id="" name="" class="" type="radio"></input>
多选按钮:<input id="" name="" class="" type="checkbox"></input>

为了显示上传文件名:

<input id="" name="" class="" type="text" onchange="document.getElementById(”).value=this.value"></input>
文件上传:<input id="" name="" class="" type="file"></input>
隐藏域:<input id="" name="" class="" type="hidden"></input>
提交按钮:<input id="" name="" class="" type="submit"></input>
图片提交按钮:<input id="" name="" class="" type="image"></input>
重置按钮:<input id="" name="" class="" type="reset"></input>

多行文本域:<textarea cols="" rows="" id="" name=""></textarea>

下拉菜单:


<select name=”” size=”” multiple>
<option value=”” selected></option>
<option value=””></option>
</select>

(3)超链接
点击跳转到JS:<a class="" href="#" id="" onclick="location.href=”"></a>
空超链接(点击跳到页首):<a href="#"></a>
空超链接(点击不动):<a href="javascript:void(0);"></a>

图片超链接:<a href=""><img width="" height="" src=""></a>

(4)图片
普通图片:<img src="" >

设置宽高的图片(按照比例缩小,文件大小不变):<img width="" height="" src="">

(5)表格


<table border=”1″ cellpadding=”10″ cellspacing=”0″>
<tr>
<th width=”100px”>A</th>
<th width=”200px”>B</th>
</tr>
<tr>
<td>A</td>
<td>B</td>
</tr>