端口映射 bootstrap 微信直播 concurrency ios7 null nosql jScroll vue网站 两个正态分布相乘 eclipse闪退 arraylist删除指定元素 ajax里面可以嵌套ajax吗 oracle重命名表名 matlab图像滤波 本地安装mysql mysql教程 python环境搭建 python环境安装教程 python程序实例 python字符串匹配 java重写和重载 java方法 怎么看java版本 java接口的使用 java集合图 java8函数式编程 php开发教程 脚本之家 rewritebase 倒计时计时器 js闭包的理解 h370主板 pr滤镜插件 msdev 数科阅读器 免费的视频剪辑 dep 服务器系统安装 视频相册制作软件
当前位置: 首页 > 学习教程  > 

bootstrap表单响应式输入文本框

2020/10/16 17:43:10 文章标签: bootstrap文本框

输入文本框溢出&#xff0c;不会自动缩放 问题代码&#xff1a; <form action"SeverletArticle?opupdateArticle" method"post"><table border"" cellspacing"" cellpadding""class"table table-striped ta…

输入文本框溢出,不会自动缩放

在这里插入图片描述

问题代码:

<form action="SeverletArticle?op=updateArticle" method="post">
						<table border="" cellspacing="" cellpadding=""
							class="table table-striped table-hover ">
							<tr>
								<th>文章编号</th>
								<th>文章标题</th>
								<th>文章内容</th>
								<th>发表日期</th>
								<th>作者编号</th>
							</tr>
							<tr class="gradeD">
								<td><input type="text" id="id" name="id" readonly="readonly"  style="background-color: #B9BBBE;"/></td>
								<td><input type="text" id="title" name="title" /></td>
								<td><input type="text" id="articleContent"
									name="articleContent" /></td>
								<td class="center"><input type="text" id="date" name="date" /></td>
								<td class="center"><input type="text" id="authorId"
									name="authorId" /></td>
							</tr>
						</table>
                        <input type="submit" class="btn btn-secondary"  value="修改"></input>
					</form>

解决问题关键代码:在input标签里面增加class="form-control"样式

<input type="text" id="title" name="title" class="form-control"/></td>

在这里插入图片描述


本文链接: http://www.dtmao.cc/news_show_300014.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?