直接从W3Schools采取:
定义和用法size属性指定输入字段的宽度.
对于
<input type="text">和<input type="password">,size属性定义应该可见的字符数.对于所有其他输入类型,size定义输入字段的宽度(以像素为单位).
如果这是真的,为什么我的场<input type="text" size="2"/> 足够宽以显示5个CAPTIAL MMMMM?
如何创建一个HTML恰好3个字符可以容纳的文本框?
我在网上找到了它: <input type="text" style="width: 10px; padding: 2px; border: 1px solid black"/>
它创建了一个宽度为10px的文本框.我可以使用这个,但我想知道我们是否可以明确地设置3个字符宽度而不是"玩"像素,
我意识到它<input type="submit"/>有一个border-box盒子模型,而<input type="text"/>有一个content-box盒子模型.IE8和FF中存在此行为.不幸的是,这阻止了我将这种风格用于漂亮的均匀大小的输入:
input, textarea
{
border: 5px solid #808080;
padding:0px;
background-color:#C0C0C0;
width:20em;
}
Run Code Online (Sandbox Code Playgroud)
这是IE和FF的正确行为吗?是否存在跨浏览器解决此问题的方法?
我在Controller下面写这个表格.
$form = $this->createFormBuilder($row)
->add('comment',null,array('label' => 'input comment'))
Run Code Online (Sandbox Code Playgroud)
然后在树枝文件中......
{{form_widget(form.commentToMutor)}}
Run Code Online (Sandbox Code Playgroud)
它显示文本输入框,但它太小.
如何改变大小 TextBox
我继承了一个在各个页面上有很多输入的网站,例如:
<input name="name" type="text" id="name" size="40" maxlength="64">
Run Code Online (Sandbox Code Playgroud)
和
<textarea name="descr" cols="40" rows="2" id="descr">
Run Code Online (Sandbox Code Playgroud)
我一直在改进网站的 CSS,使其能够针对移动设备等进行灵活的布局。但是HTML 的size/cols规则仍然坚持设置固定大小,而不管外部因素如何。
我尝试过使用 CSS,例如:
CSS:
input, textarea, select {
max-width:100%;
}
Run Code Online (Sandbox Code Playgroud)
(并且还附加!important)但这不会影响元素。
它已转换为 HTML5 模板,输入位于表格中(但表格很灵活,不是问题)。
CSS 有没有办法覆盖输入中的HTML size/声明?cols
多个页面上的大量输入要求我找到一种简单的 CSS 方法来一次性覆盖它们。据我所知,这似乎不可能直接实现,我必须仔细检查并编辑每个输入元素的大小值:-/。
完整代码:
HTML:
<table id='centralTable'>
<tr>
<td colspan="2">Update Category</td>
</tr>
<tr>
<td width="28%"><strong><label for='name'>Category Name</label></strong></td>
<td width="70%"><input name="name" type="text" id="name" value="catname" size="40" maxlength="40" required></td>
</tr>
<tr>
<td><input name="id" type="hidden" id="id" value="12" >
</td>
<td><input type="submit" …Run Code Online (Sandbox Code Playgroud)