2012-09-03 19 views
6

任何人都知道如何使用Form或Input标签在HTML中隐藏边框?以HTML格式或输入隐藏边框

我的代码如下:

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

回答

9

您还可以使用

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

这是有用的,当你有其他输入类型,即type="submit",但IE < 8不支持的类型。

检查this with typethis without type

更新:您也可以使用如下

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

Updated Demo

+0

你能教我如何设置该CSS?就像这样'' – mastersuse

+0

你有'CSS'文件吗? –

+0

'

\t
\t Your session will expired in \t \t
\t
\t \t
' – mastersuse

2

坐落在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

+0

你能教我如何设置该CSS代码? – mastersuse

+0

@mastersuse查看我的编辑! – jtheman