文本框怎么变大html,如何设置HTML文本框的大小？

11 个答案:

答案 0 :(得分：111)

只需使用：

textarea {

width: 200px;

}

或

input[type="text"] {

width: 200px;

}

取决于“文本框”的含义。

答案 1 :(得分：36)

您的加价：

CSS：

.resizedTextbox {width: 100px; height: 20px}

请注意，文本框大小是W3C box model的“受害者”。我的意思是受害者是文本框的高度和宽度是上面指定的高度/宽度属性的总和，以及填充高度/宽度和边框宽度。因此，根据不同浏览器中的默认填充，您的文本框在不同浏览器中的大小会略有不同。虽然不同的浏览器倾向于为文本框定义不同的填充，但大多数reset style sheets不会在重置表中包含标记，因此请记住这一点。

您可以通过定义自己的填充来标准化。这是带有指定填充的CSS，因此所有浏览器中的文本框看起来都相同：

.resizedTextbox {width: 100px; height: 20px; padding: 1px}

我添加了1个像素填充，因为如果填充为0px，某些浏览器会使文本框看起来过于紧张。根据您的设计，您可能希望添加更多填充，但强烈建议您自己定义填充，否则您将把它留给不同的浏览器来自行决定。为了使浏览器更加一致，您还应该自己定义边框。

答案 2 :(得分：10)

input[type="text"]

{

width:200px

}

答案 3 :(得分：6)

您的文本框代码：

您的CSS代码：

input[type="text"] {

height: 10px;

width: 80px;

}

或

.textboxclass {

height: 10px;

width: 80px;

}

因此，首先选择具有属性的元素(查看第一个示例)或类(查看上一个示例)。稍后，您可以为元素指定高度和宽度值。

答案 4 :(得分：4)

这适用于IE 10和FF 23

答案 5 :(得分：2)

外景！ width属性由max-width属性剪裁。

所以我用....

URI

答案 6 :(得分：2)

如果您不想使用类方法，可以使用父子方法在文本框中进行更改。

例如。我在表单div中制作了一个表单。

HTML代码：

Describe your project in detail.

现在CSS代码就像：

.form textarea{

height: 220px;

width: 342px;

问题解决了。

答案 7 :(得分：1)

试试这段代码：

input[type="text"]{

padding:10px 0;}

这样它仍然独立于为文本框设置的文本大小。您正在使用填充增加高度。

答案 8 :(得分：1)

尝试：

input[type="text"]{

padding:10px 0;}

这样它仍然独立于为文本框设置的文本大小。您正在使用填充增加高度

答案 9 :(得分：1)

可以使用height和width属性来调整元素的大小。

答案 10 :(得分：0)

您可以使从属输入宽度与容器宽度之间的关系。

/api/stuff?number=42&filter=[]

文本框怎么变大html,如何设置HTML文本框的大小？相关推荐

python怎么把字体变大_idle怎样设置代码字体大小颜色又快又好
今天小编我看到idle字体有点细微,就随手修改放大字体好让自己看得舒服.下面小编我就分享这篇关于 idle设置代码字体大小和字体颜色的给大伙. 工具/材料电脑 python3.x idle 操作方法 ...
联想计算机桌面字变大,电脑怎样设置字体大小
Q4:联想台式电脑上的字体大小怎么设置调整电脑字体大小的步骤: 1,首先需要进入"显示属性"窗口,方法是,在桌面右键,选择"属性". 2,在"显示属 ...
计算机系统字体变大,手把手教你如何调整电脑字体大小
我们在使用电脑的过程中,经常都好遇到这样那样的问题.例如我们有时在打开一个网页,会发现上面的字体变得很小,导致我们阅读起来非常的不方便,并且对眼睛也很不好.那么遇到该问题是要如何处理呢?下面小编就来给 ...
iOS 图片下拉变大
前言在iOS的开发中TableView和ScrollView是可以上下滑动的,但是在下拉的过程中,顶部会出现留白的现象,于是就出现了类似于QQ空间中那样下拉顶部的图片变大的效果.看起看很高大上,其实 ...
QGraphicsView加入到布局，所在的窗口变大，视图和场景都变大，使场景中的矩形也变大
需求窗口变化时,窗口中的矩形框也变化. 效果展示当窗口变大时其矩形框也变大要求绿色矩形框与蓝色背景的边距始终为10. 代码直接上项目的代码. 项目结构各文件的代码 main.cpp #inc ...
css3宽度变大动画_H5 直播的疯狂点赞动画是如何实现的？
直播有一个很重要的互动:点赞. 为了烘托直播间的氛围,直播相对于普通视频或者文本内容,点赞通常有两个特殊需求: 点赞动作无限次,引导用户疯狂点赞直播间的所有疯狂点赞,都需要在所有用户界面都动画展现出 ...
PyQt5 技巧篇-复选框绑定行内容，全选、清空、展示选中的内容功能实现演示，设置复选框选中，检查复选框选中状态
先看效果图,选中了几行,然后将选中的内容展示出来. 我设置两个有序序列,分别存储对应的复选框和行内容. 我的行内容是用的 label 标签. # 存储右边label组件的有序列表def get_L_b ...
ztree指定节点设置复选框
ztree指定节点设置复选框首先,需引入ztree的js文件 <script src="../../assets/ztree/js/jquery.ztree.core-3.5.mi ...
点击文本框后页面变大
原因:HTML中默认是认为16px的字体,人才能看清楚,所以,当点击文本框的时候,当前文本框会以字体16px的大小显示(即字体小于16px页面会变大). 解决原理:设置文本框的的字体为16px: 解决 ...

文本框怎么变大html,如何设置HTML文本框的大小？

URI

文本框怎么变大html,如何设置HTML文本框的大小？相关推荐

最新文章

热门文章