首页 > 代码库 > HTML标签用法

HTML标签用法

2024-09-03 04:50:27   216人阅读

<!DOCTYPE> 声明必须位于 <html> 标签之前。它不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

信息输入标签：input

1.插入文本框——text（单行文本）

<input name="表单名称" type="text" maxlength="输入字符串最大长度" size="宽度改变" value="http://www.mamicode.com/默认值" />

2.插入密码框——password

<input name="" type="password" maxlength="" size="" />

3.插入文件域——file（选择并返回文件）

<input name="" type="file" />

4.插入复选框——checkbox

<input name="同一组组名" type="checkbox" id="" value="" checked="checked" />

5.插入单选按钮——radio

<input name="同一组组名" type="radio" id="" value="" />

6.插入标准按钮——button

<input name="" type="button" id="" value="" />

7.插入提交按钮——submit

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

8.插入重置按钮——reset

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

9.插入图像域——image

<input name="" type="image" src="http://www.mamicode.com/url" />

10.插入文字域——textarea（个人认为是对单行文本框text的扩展：多行文本，可拉伸）

<textarea name="" rows="" cols="" wrap="" id="">默认内容</textarea>

11.插入隐藏域——hidden（提交表单时，该域的内容一起被发送到服务器，而用户不可见）

<input name="" type="hidden" value="" />

此外label标签可以与input一起使用，如：

<label for="searchField(必须是input的ID)">Please Input: </label>

<input id="searchField" />

 

 

下拉列表：

<select size="3">
    <!--size的值为显示选项的个数-->
    <option value="1">选项一</option>
    <option value="2">选项二</option>
    <option value="3">选项三</option>
</select>

 

HTML标签用法


联系
我们