8

有人知道如何使用 Form 或 Input 标签在 HTML 中隐藏边框吗？

我的代码如下：

<form name="timerform">
    Your session will expired in
    <input type="text" name="clock" size="7" value="5:00">
</form>
4

2 回答 2

16

你也可以使用

input[type="text"] { border: none }

这在您有其他输入类型时很有用，即type="submit"IE < 8 不支持类型。

用 type检查this和this without type。

更新：您也可以使用如下

<input style="border:none" type="text" name="clock" size="7" value="5:00">

更新了演示。

于 2012-09-04T00:03:00.870 回答
3

在 CSS 中设置样式。CSS 可以在网页的 HEAD 部分内联应用...

<head>
    <style type="text/css">
      input { border: none }
      /* other style definitions go here */

    </style>
</head>
<body>
  <!-- your HTML code below... -->

或者在你的情况下可能是最简单的：

<form name="timerform">
    Your session will expired in
    <input type="text" name="clock" size="7" value="5:00" style="border:none" />
</form>

取决于你想用这个页面做多少。进一步阅读：http ://www.w3schools.com/css/css_howto.asp

于 2012-09-03T23:55:39.720 回答