HTML<input>表单属性

HTML<input>表单属性,第1张

1.name属性元素的名称;这个不需要多解释了,也就是name的取值代表为当前input元素起个名字;

2.size属性 :元素的宽度;很多人都知道在HTML中,常见的宽度是用 width 表示的,而在input中 width 属性只使用与

type="image"

时使用,input元素的宽度需要通过size属性来设定,size的值为数字,数字越大input元素越长,数字越小input元素越短;

3.value属性:定义input元素的默认值;

当 input type="text"、"password"、"hidden" 时,定义输入字段的初始值;

当 input type="button", "reset", "submit" 时,定义按钮上的显示的文本;

当 input type="checkbox", "radio", "image" 时,定义与输入相关联的值;

注意:input type="checkbox" 和 input type="radio" 中必须设置 value 属性;value属性无法与 input type="file" 一同使用。

4.maxlength属性:定义input元素中可输入的最长字符数;如 maxlength="50" 表示最多可以输入50个字符;

5.style属性 :为input元素设定CSS样式;

6.width属性 :当 input type="image"时,通过width属性控制元素的宽度;

7.height属性:当 input type="image"时,通过width属性控制元素的高度;

8.disabled属性:被禁用;

9.readonly属性:只读(只显示)不能输入;

10.requirde属性:必需填写;

html语言中没有<text>,只有<TEXTAREA>.

大小用多少rows(行)和cols(列)表示.

例如:

<FORM

action="http://somesite.com/prog/text-read"

method="post">

<P>

<TEXTAREA

name="thetext"

rows="20"

cols="80">

First

line

of

initial

text.

Second

line

of

initial

text.

</TEXTAREA>

<INPUT

type="submit"

value="Send"><INPUT

type="reset">

</P>

</FORM>

普通字的大小,用<font

..>表示.

font大小,用size=数字表示.数字1,2,3,4,5,6,7.

或相对+,-,数字表示.1最小,7最大.

现在大多数人用css

style

来写,

font大小可用点数(points)

或象素单位表示.

直接给表单中对应的元素设置相应的css样式就是可以实现设置字体等属相的样式的。

设置表单输入框字体样式的代码实例如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>float</title>

</head>

<form action="" method="post">

<input type="text" id="text" value="" />

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

</form>

</body>

<style>

#text{

color: red

font-style: italic

/*设置了字体颜色为红色,字体为斜体*/

}

</style>

</html>

如上图:css设置input的字体是红色斜体。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/8340809.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-15
下一篇2023-04-15

发表评论

登录后才能评论

评论列表(0条)

    保存