18910140161

CSS-如何在HTML中定义输入文本框的大小?-堆栈溢出

顺晟科技

2022-10-18 12:36:17

134

下面是一个HTML输入文本框:

<代码><;INPUT TYPE=“ text ” ID=“ text ” NAME=“文本_名称”/>;
定义盒子大小的选项

有哪些?

如何在CSS中实现这一点?


顺晟科技:

您可以设置它的<input type="text" id="text" name="text_name" />

<代码><;input type=“ text ” ID=“ text ” name=“文本_名称” style=“ width:300px;”/>;

或者更好地定义一个类:

<代码><;INPUT TYPE=“ text ” ID=“ text ” NAME=“文本_名称” CLASS=“ mytext ”/>;

并在单独的CSS文件中应用必要的样式:

<代码>.MyText{宽度:300px;}

如果要限制用户可以在此文本框中键入的字符数,可以使用width属性:

<代码><;INPUT TYPE=“ text ” ID=“ text ” NAME=“文本_名称” CLASS=“ myText ” MAXLENGTH=“ 25 ”/>;

您可以通过内联样式设置宽度(以像素为单位):

<代码><;输入type=“ text ” name=“ text ” style=“ width:195px;”>;

您还可以使用可见字符长度设置宽度:

<代码><;输入type=“ text ” name=“ text ” size=“ 35 ”>;
<代码><;输入size=“ 45 ” type=“ text ” name=“ name ”>;

“ size ”指定元素输入的可见宽度(以字符为单位)。

您还可以使用CSS中的高度和宽度。

<代码><;输入type=“ text ” name=“ name ” style=" height:100px;宽度:300px;>;

<input type="text" id="text" name="text_name" style="width: 300px;" /> 属性也

起作用
<代码><;输入size=“ 25 ” type=“ text ”>;

试试这个

<代码><;输入type=“ text ” style=“ font-size:18pt;height:420px;width:200px;”>;

否则

<代码><;输入type=“ text ” ID=“ txtbox ”>;

使用CSS:

<input type="text" id="text" name="text_name" class="mytext" />
  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航