Question

我是一名php程序员。我无法在html表单中减少几个文本框的大小，它们位于相同的。

Answer 1

阅读这些示例 - http://www.w3schools.com/css/css_reference.asp#dimension

<html>
<head>
    <style type="text/css">
       input {height:100px; width:200px; }
    </style>
</head>
<body>
        <input type="text" />
</body>

在这种情况下，所有html“输入类型”的高度为100x，宽度为200px。相反，如果使用“类”，则只设置那些分配了特定类的元素。

<html>
<head>
    <style type="text/css">
        .tb {height:100px; width:200px; }
    </style>
</head>
<body>
<input type="text" class="tb"/>
<br />
<input type="text" />
</body>

您还可以为该特定html元素使用“id”。 Ids在html页面中应该是唯一的

<html>
<head>
    <style type="text/css">
        #tb {height:100px; width:200px; }
    </style>
</head>
<body>
<input type="text" id="tb"/>
<br />
<input type="text" />
</body>

Answer 2

如果您使用CSS，简单的宽度和高度属性就可以正常工作。

textarea {height:100px; width:100px; }

Answer 3

你也可以这样写，

<html>
<head>
<style type="text/css">
input[type=text] {height:50px;width:200px;}
</style>
</head>
<body>
<input type="text" />
</body>

Answer 4

您还可以指定textareas的rows和cols属性来控制它们的大小。行是水平线，cols是你想要texarea的字符宽度

<textarea name="myText" rows="10" cols="80">Enter some text</textarea>

提供相当短而宽的文本区域。

html文本框大小调整

4 个答案: