2012-09-03 32 views
6

¿Alguien sabe cómo ocultar el borde en HTML usando Form o Input tag?Ocultar borde en HTML Formulario o Entrada

Mi código de la siguiente manera:

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

Respuesta

9

También puede utilizar

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

Esto es muy útil cuando se tienen otros tipos de entrada, es decir type="submit", pero IE < 8 no es compatible con el tipo.

Verificar this with type y this without type.

Actualización: También se puede usar de la siguiente manera

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

Updated Demo.

+0

¿me puedes enseñar cómo configurar ese CSS? es como esto ' ' – mastersuse

+0

¿Tiene un archivo' CSS'? –

+0

'

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

2

establecer el estilo de CSS. CSS se puede aplicar en línea en la sección HEAD de la página web ...

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

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

o en su caso podría ser más fácil simplemente:

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

dependiendo la cantidad que desea hacer con esta página. Más información: http://www.w3schools.com/css/css_howto.asp

+0

¿me pueden enseñar cómo configurar ese código CSS? – mastersuse

+0

@mastersuse ¡Vea mis ediciones! – jtheman

Cuestiones relacionadas