HTML <text>实例讲解

时间:2022-04-07
本文章向大家介绍HTML <text>实例讲解,主要分析其语法、参数、返回值和注意事项,并结合实例形式分析了其使用技巧,希望通过本文能帮助到大家理解应用这部分内容。

Html <text> 标签用于定义网页上的单行文本字段。当我们将 value text 设置为 input 元素的 type 属性时,如以下语法所示:

用法:

<input type="text" name="firstname"/>

示例

<html>
<head>
<title> Example of text field </title>
</head>
<body>
<form>
<br>  
<label>
Firstname:
</label> 
<input type="text" name="FN" size="5"/>  
<br>
<br>
<label>
Lastname:
</label>         
<input type="text" name="LN" size="10"/>
<br> 
<br>
<label>
Course:
</label>  
<input type="text" name="Course" size="15"/>  
<br> 
<br>
<label>
College:
</label>  
<input type="text" name="Course" size="20"/>            
</form>
</body>
</html>

输出:

HTML Paragraph

HTML 文本标签的属性

1. 尺寸

size 属性用于定义文本字段的长度。此属性接受大于零的数值。如果未指定此属性,默认情况下其值为 20。以下语法确定如何使用此属性:

<input type="text" name="firstname" size="Any_numeric_value" />

2. 价值

value 属性用于定义显示在文本字段中的值。以下语法确定如何使用此属性:

<input type="text" name="firstname" value=?Any_value? />

3.最大长度

maxlength 属性用于定义一个值。此值标识输入接受的最大字符数。以下语法确定如何使用此属性:

<input type="text" name="firstname" maxlength="5" />

4. 最小长度

maxlength 属性用于定义一个值。此值标识输入接受的最小字符数。以下语法确定如何使用此属性:

<input type="text" name="firstname" minlength="5" />

浏览器支持

Elementchrome browser Chromeie browser IEfirefox browser Firefoxopera browser Operasafari browser Safari
<text>YesYesYesYesYes