<input type=“text” name="">width设定无效

最新推荐文章于 2023-04-02 17:49:57 发布
最新推荐文章于 2023-04-02 17:49:57 发布
阅读量6.9k 收藏
点赞数 1
分类专栏： html 文章标签： input
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xjinza/article/details/6982047
版权

<input type=“text” name="" width="200">无效

<input type=“text” name="" style="width:200px;">这样就可以了

xjinza
关注
专栏目录
html搜索框如何设置宽度,这段代码中的input为text的搜索框为何设置了宽度不起作用...
weixin_35663032的博客
06-08 1869
.search-text{border: 0;float: left;height: 25px;line-height: 25px;outline: none;//width: 350px;}设置了宽度，为何还是那么短Documentbody{background: #333;}.bg_div{background-image: url("river.jpg");height: 690px;wid...
JS基础知识
wocwuqing的博客
01-08 1424
表单标签 表单（form）是用户输入信息与网页互动的一种形式。大多数情况下，用户提交的信息会发给服务器，比如网站的搜索栏就是表单。 表单由一种或多种的小部件组成，比如输入框、按钮、单选框或复选框。这些小部件称为控件（controls）。 <form> 简介 `标签用来定义一个表单，所有表单内容放到这个容器元素之中。 <form> <!-- 各种表单控件--> </form> `有以下属性。 accept-charset：服务器接受的字符编码列表，使用空
input type=file中width失效问题
lixingat2009的博客
01-11 492
在firefox浏览器中，input type=file类型中使用width会失效，这时只要加上size=1 width=100px即可
input宽度无法改变
weixin_30256505的博客
06-06 4166
不要把input放在弹性布局中 转载于:https://www.cnblogs.com/dianzan/p/10986381.html
对C#的控件的Width等属性进行修改无效的解决
performance
06-14 9424
如果对控件的Width属性进行修改，但是修改没有生效，那么可以去看看这个控件的AutoSizeMode，将AutoSizeMode设置为GrowOnly或者其他，即可。
标题关于Iview 设置Input 样式不显示无效的问题
qq_44331582的博客
07-27 751
标题关于Iview 设置Input 样式不显示无效的问题
HTML CSS整理笔记（建议收藏）
lin123_00的博客
04-23 1029
点击链接后退页面： <a href="javascript:history.go(-1)">回到上一个网页</a> ——修改placeholder提示的样式： 我的学习交流群点击此处 1.除IE外通用写法 类名或标签名::placeholder {color: red;} 2.加兼容前缀写法 css超出一行显示省略号： 给定宽度(width:100px)、 ...
H5移动端常见问题
happy任的博客
04-13 2257
h5 常见问题 1. H5 页面窗口自动调整到设备宽度，并禁止用户缩放页面 一、HTML 页面结构 // width 设置 viewport 宽度，为一个正整数，或字符串 'device-width' // height 设置 viewport 高度，一般设置了宽度，会自动解析出高度，可以不用设置 // initial-scale 默认缩放比例，为一个数字，可以带小数 // mi...
CSS 盒子模型 第三节
菜鸟心声：学的不仅是技术，更是梦想！
11-16 451
盒子模型 盒子模型 现代 Web 前端的布局设计简单说就是一堆盒子的排列与嵌套，掌握了盒子与它们的摆放控制，会发现再复杂的页面也不过如此。 盒子是一个概念，也可以说是容器，可以在里面放置网页中需要显示的内容，文档中每一个元素都会产生一个盒子，盒子拥有很多属性，比如 width、height、padding、border 和 margin 等。 案例： <!DOCTYPE html> <html> <head> <meta charset="utf-8">
CSS基础
weixin_50720378的博客
06-22 1430
CSS 什么是 CSS? CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素 样式通常存储在样式表中 把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题 外部样式表可以极大提高工作效率 外部样式表通常存储在 CSS 文件中 多个样式定义可层叠为一个 样式表定义如何显示 HTML 元素，就像 HTML 中的字体标签和颜色属性所起的作用那样。样式通常保存在外部的 .css 文件中。我们只需要编辑一个简单的 CSS 文档就可以改变所有页面的
div中子元素input设置flex无效
隔壁小王的博客
05-27 804
在flex布局下input设置flex:1失效的原因 由于input默认存在最小宽度，所以在父元素宽度太小的情况下input设置了flex:1会失效 解决办法 1:给input在嵌套一层div，设置flex 2:在给input设置width：100%
解决input设置密码属性后导致的input样式失效问题
榕城候佳人的博客
04-02 557
大概原因就是浏览器有自动保存密码的功能。为了解决这个问题也很简单，我们只用在css最顶端加上这段代码。这样即使自动保存密码也不影响我们的样式（下面就显示了我之前设置的密码）问题描述：input设置密码属性后导致input设置的所有样式失效。在设计登录页面时，遇到一个之前没遇见的问题，这里记录一下。但是当我在密码输入框设置密码属性后（如下）首先我对登录部分的盒子设置了如下属性。这样按道理可以实现下面的效果。
c#类属性和实例属性_html input标签的属性有哪些？input标签的用法总结（附实例）...
weixin_39560002的博客
10-27 506
首先先来说说html input标签的属性：1.type：该属性是input标签里唯一的必须输入的属性，当然，也可以不填，默认为type = "text"。具体它有那些值，我们后面再讨论。2.required：标记一个字段是否为必须。如果一个字段被标记为required = "required"（严格模式下），或者required（宽松模式下）(ps：下面属性的写法同理，就不一一写出了)，并且这个...
解决td设置width失效的问题
chouchilei5210的博客
03-15 822
使用的css里的两个属性white-space/word-break，设置td是否换行。 width会失效是因为有些浏览器，默认td是的内容是超出宽度即换行的（比如 火狐），有些即是默认不换行的（比如 谷歌） 固定td内容不换行： <td style="white-space:now...
如何保证在Jsp 或Html 里table或div不因插入form而改变大小
welcomeni的专栏
08-01 5522
如何保证table或div不因插入form而改变大小一.问题描述：jsp /html 中，在table或div插入form后，表格或div变大了，影响了原来的布局二.解放方法：                 此时设置table 或div的height, width是不起作用的，如下方法可以解决      方法一：最简单，在td中设置：overflow: hidden， 这样即使超
JSP检验输入格式是否正确
Garson的博客
12-07 1504
今天在做JavaWeb实验。其中有一个内容是判断前端JSP的Form表单传入的输入值格式是否正确，就此记录。首先用最简单的代码来演示：此代码校验表单输入name值不为空 主要的代码： 首先我们要写一个Function，其次我们要在Form表单中填写name和onsubmit字段。name表示表单的名字：name用于Function中数据值的获取。onsubmit表示调用的方法：onsubmit用于调用Function。返回若为false则不跳转页面（或调用servlet）。增加更多的限制：我们也可以用以
踩坑记录-elementui的文本域设置宽度不起作用
weixin_46589442的博客
07-30 2326
直接给input设置宽度，效果没实现。为什么会这样呢，因为elementui会自动在外套一层div，对其设置的宽度并没有直接设置在文本域上。
<div class="table-container"> <table id="myTable"> <thead> <tr> <th contenteditable="true" ><input type="text" oninput="filterTable(1)" placeholder="aoiStep" ></th> <th contenteditable="true" ><input type="text" oninput="filterTable(2)" placeholder="defectType" ></th> <th contenteditable="true" ><input type="text" oninput="filterTable(3)" placeholder="layerCode" ></th> <th contenteditable="true" ><input type="text" oninput="filterTable(4)" placeholder="type"></th> <th contenteditable="true" ><input type="text" oninput="filterTable(5)" placeholder="dpet" ></th> <th contenteditable="true"><input type="text" oninput="filterTable(6)" placeholder="subcode" ></th> <th contenteditable="true" ><input type="text" placeholder="codeDescription" ></th> <th contenteditable="true" >image1</th> <th contenteditable="true" >image2</th> <th contenteditable="true">image3</th> <th contenteditable="true" >image4</th> <th contenteditable="true" >image5</th> <th contenteditable="true" ><input type="text" placeholder="determination_rule"></th> </tr> </thead> <tbody> <form action="unload.php" method="POST" enctype="multipart/form-data"> <tr> <td input type="text" name="aoi_step">3</td> <td input type="text" name="defect_type">Particle</td> <td input type="text" name="layer_code">ACT</td> <td input type="text" name="type">Particle</td> <td input type="text" name="dpet">ACT</td> <td input type="text" name="subcode">Particle</td> <td input type="text" name="code_description">ACT</td> <td> <input type="file" name="image1_path" onchange="previewImage(this);selectCell(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"> <td> <input type="file" name="image2_path" onchange="previewImage(this);selectCell(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"> </td> <td> <input type="file" name="image3_path" onchange="previewImage(this);selectCell(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"> </td> <td> <input type="file" name="image4_path" onchange="previewImage(this);selectCell(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"> </td> <td> <input type="file" name="image5_path" onchange="previewImage(this);selectCell(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"> </td> <td input type="text" name="determination_rule">Particle</td> <tr> <button type="submit">提交</button> </tr> </form> </tbody> </div> <script>修改后在我提娜佳图片是报错
最新发布
07-23
根据你提供的代码，我注意到你在表格中嵌套了一个 `form` 元素。请注意，根据 HTML 规范，`form` 元素不能直接嵌套在 `tbody` 元素内部。你需要将 `form` 元素放置在 `table` 元素的外部。 此外，请确保在 `form` 元素中添加正确的 `action` 属性和合适的 `method` 属性。根据你的代码，将表单提交到 `unload.php` 并使用 `POST` 方法进行提交。 修复后的代码示例： ```html <div class="table-container"> <form action="unload.php" method="POST" enctype="multipart/form-data"> <table id="myTable"> <thead> <tr> <th contenteditable="true"><input type="text" oninput="filterTable(1)" placeholder="aoiStep"></th> <th contenteditable="true"><input type="text" oninput="filterTable(2)" placeholder="defectType"></th> <th contenteditable="true"><input type="text" oninput="filterTable(3)" placeholder="layerCode"></th> <th contenteditable="true"><input type="text" oninput="filterTable(4)" placeholder="type"></th> <th contenteditable="true"><input type="text" oninput="filterTable(5)" placeholder="dpet"></th> <th contenteditable="true"><input type="text" oninput="filterTable(6)" placeholder="subcode"></th> <th contenteditable="true"><input type="text" placeholder="codeDescription"></th> <th contenteditable="true">image1</th> <th contenteditable="true">image2</th> <th contenteditable="true">image3</th> <th contenteditable="true">image4</th> <th contenteditable="true">image5</th> <th contenteditable="true"><input type="text" placeholder="determination_rule"></th> </tr> </thead> <tbody> <tr> <td><input type="text" name="aoi_step" value="3"></td> <td><input type="text" name="defect_type" value="Particle"></td> <td><input type="text" name="layer_code" value="ACT"></td> <td><input type="text" name="type" value="Particle"></td> <td><input type="text" name="dpet" value="ACT"></td> <td><input type="text" name="subcode" value="Particle"></td> <td><input type="text" name="code_description" value="ACT"></td> <td><input type="file" name="image1_path" onchange="previewImage(this);selectCell(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"></td> <td><input type="file" name="image2_path" onchange="previewImage(this);selectCell(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"></td> <td><input type="file" name="image3_path" onchange="previewImage(this);selectCell(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"></td> <td><input type="file" name="image4_path" onchange="previewImage(this);selectCell(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"></td> <td><input type="file" name="image5_path" onchange="previewImage(this);selectCell(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"></td> <td><input type="text" name="determination_rule" value="Particle"></td> </tr> </tbody> </table> <button type="submit">提交</button> </form> </div> ``` 请注意，这只是修复了你提供的代码片段中的问题。如果还有其他问题，请提供更多的代码和错误信息，以便我们能够更全面地帮助你。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值