2012-09-03 24 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