谁知道在HTML的表单里的文本输入框的这种效果（弧形拐角，红色边框）怎样实现？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了谁知道在HTML的表单里的文本输入框的这种效果（弧形拐角，红色边框）怎样实现？相关的知识，希望对你有一定的参考价值。
以下代码解决你的问题
文本输入边框.html 文件代码清单如下：
<!doctype html><html lang="zh">
<head>
<meta charset="utf-8">
<title>文本输入边框</title>
<link rel="stylesheet" href="inputborder.css">
</head>
<body>
<form action="" method="">
<fieldset>
<label>用户登录</label>
<label>用户名</label>
<input type="text" id="Username">
<label>密码</label>
<input type="password" id="Pwd">
</fieldset>
</form>
</body>
</html>
inputborder.css 文件代码清单如下：
formposition: absolute; /* 表单定位 */
top: 50px; /* 表单定位 */
left: 200px; /* 表单定位 */
color: rgb(120, 120, 120);
fieldset
border: none;
display: inline;
label
display: block;
margin: 0;
padding: 10px 1px;
width: 150px;
font-size: 16px;
letter-spacing: 2px;
text-align: center;
input
margin: 0;
padding: 10px 0;
border: 1px solid rgb(180, 180, 180);
border-radius: 8px; /* 圆角边框 */
width: 150px;
font-size: 16px;
text-align: center;
input:hover
border: 1px solid rgb(255, 0, 0);
参考技术A 这个不是三句两名能说清楚的 方法也很多 你百度 滑动门技术 应该有很多例子
如何接收隐藏文本框的输入并提交表单？
【中文标题】如何接收隐藏文本框的输入并提交表单？【英文标题】：How do I receive input to a hidden textbox and submit a form? 【发布时间】：2011-04-08 19:59:25 【问题描述】：我有一个为 Windows CE 设备设计的 ASP.NET 应用程序，它需要从扫描的条形码中获取信息。设备将扫描的数据作为带有 crlf 的字符串输入发送到具有焦点的任何字段。我用一个文本框设置了我的页面，该文本框接受输入并返回以查找项目。
现在，我希望该框对用户不可见，但如果字段为“可见性：隐藏”或“显示：无”，当我将焦点设置为它时，IE 会抱怨。我尝试使用绝对坐标将其移出屏幕，但设置焦点会将窗口滚动到新位置。
有没有人有任何解决这个问题的建议？提前致谢。
【问题讨论】：
【参考方案1】：如果您不想向用户显示此文本框，请使用隐藏字段。
【讨论】：
【参考方案2】：我有时会隐藏物品
.hidemargin-left:-99999px; position:absolute;
使用 css，将元素推到屏幕外，但保留它在 DOM 中的可见性和位置不变；
【讨论】：
这听起来很有趣。我会试一试。我没想给它一个负值。 我得到了这种奇怪的效果，每次我将条形码扫描到这样的字段中时，它都会在屏幕上闪烁一瞬间（至少在 Chrome 中；没有尝试过其他浏览器）。 【参考方案3】：您可以将值扫描到隐藏字段吗？
【讨论】：
【参考方案4】：尝试在输入字段周围的 div 上使用可见性：隐藏。
【讨论】：
以上是关于谁知道在HTML的表单里的文本输入框的这种效果（弧形拐角，红色边框）怎样实现？的主要内容，如果未能解决你的问题，请参考以下文章
关于 DevExpress 的 RichEditControl 这个控件 谁知道在哪改变 默认输入字体的颜色 求助