Explicación detallada de nuevos atributos del formulario HTML5

En H5, el formulario se puede colocar en cualquier lugar de la página, y luego se especifica un atributo de formulario para el elemento.

 <Form ID = testForm> <input type = text> </form> <textarea form = testForm> </textAREA>

En H4, la forma de presentación de formularios

 <Form Action = 1.jsp> </form>

Enviar todo el formulario

En H5, puede agregar la página JSP enviada a cada atributo del formulario

 <Form Action = 1.jsp> <input type = Subt Action = 1-1.jsp> Enviar a 1 página </form> <input type = enviar action = 1-2.jsp> Enviar a 2 páginas </orm> <input type = enviar action = 1-3.jsp> enviar a 3 páginas </form> </form>

Puede especificar el método de envío de cada elemento del formulario

 <Form Action = 1.jsp> <input type = Subt Action = 1-1.jsp FormMethod = Post> Enviar a 1 página, Método de envío de POST </form> <input type = 1-2.jsp formmethod = get> enviar a 2 páginas, obtenga el método de envío </form> </form>

Igual que el anterior, el papel y cada elemento, el código es ligeramente

Igual que el anterior, el papel y cada elemento, el código es ligeramente

Agregue el atributo de enfoque automático al cuadro de texto, el cuadro de selección y el control del botón, y el foco se obtendrá automáticamente cuando se abra la pantalla.

 <input type = text accion = 1-3.jsp automático> enviar a 3 páginas </orm>

Solo hay un control en una página que tiene una propiedad de enfoque automático, que no se puede abusar

Se puede usar en la mayoría de los elementos de entrada.

Puede agregar un atributo LABLS a todos los elementos de la forma, el valor del atributo es un objeto nodelista, que representa una colección de elementos de etiqueta unidos al elemento.

 <script type = text/javaScript> window.onload = function () {var text = document.getElementById ('text'); '); Label.SetTribute (para, text); color: rojo);}} else if (text.labels.length> 1) form.removechild (text.labels [1]); Btn type = Botton Value = Verificación> </form>

Cuando el usuario no ingresa ningún valor, haga clic en la verificación y el elemento de la etiqueta se agregará al cuadro de texto. para ingresar el nombre.

Puede colocar un elemento de unidad de tabla dentro de la etiqueta y acceder al elemento de tabla a través de la propiedad de control de la etiqueta.

 <script type = text/javaScript> function setValue () {console.log (1); <Etiqueta id = etiqueta> código zip: <input id = txt_zip maxlength = 6> <sits> Por favor ingrese 6 dígitos </small> </label> <input type = botuts = Establecer el valor predeterminado oncliclk = setValue ()> < </form>

Abra la página en el turista, haga clic en Establecer el botón Valor predeterminado y se mostrará 231456 en el cuadro de texto.

Ingrese la información de solicitud (gris) cuando el cuadro de texto esté en el estado de elección

 <input type = text palceholder = jajajence>

Combinado con el nuevo elemento dataLista de H5, el cuadro de aviso de producción

 Text: <input type = text name = greeting list = greetings> <!-use style = display: none; People </ppection> <opción valor = es un cerdo> eres un cerdo </opción> <opción valor = eres un perro> eres un perro </ppection> </shalist>

Cuando ingrese en el cuadro de texto, habrá tres columnas a continuación para recordarle que usted es personas, usted es un cerdo, usted es un perro.

Autocomplete tiene tres, apagado (no especificado). Cuando se especifique, use el valor predeterminado del turista. El método de uso es el siguiente

 <Input type = text name = greeming list = greetings autocomplete = on>

Cuando ingrese el cuadro de texto si es una persona, haga clic para enviar, regrese a la página anterior y luego ingrese en el cuadro de texto, y me pedirá que sea una persona.

Es equivalente a si el valor de entrada del juicio de expresión regular en la parte HTML cumple con los requisitos.

Ingrese el contenido: <input type = text patrón = [0-9] [AZ] {3}>

Este segmento del código requiere ingresar tres letras mayúsculas numéricas.

Para los elementos de entrada de texto y textura, cuando el usuario selecciona parte del texto en estos dos elementos, puede usar el elemento para obtener la dirección de elección.

 <script type = text/javaScript> function alertselectionDirection () {var control = document.forms [0] ['text']; Nombre de texto = Text> <Input type = Botton Value = Remember Me OnClick = AlertSelectionDirection ()> </form>

Para la casilla de verificación, en el pasado, solo la selección y el estado de no selección.

 <script> var cb = document.getElementById (CB);

• Altura: especifique la altura de la imagen en el botón de imagen;
• Ancho: especifique el ancho de la imagen en el botón de imagen;

 <Entrada tipo = imagen src = img/2.png ancho = 23 altura = 23>

• MaxLength: Configurar usando un valor entero para limitar el número de texto que se puede ingresar en el elemento TextAREA.
• Wrap: puede especificar el valor del atributo a suave y duro. .

Lo anterior es todo el contenido de este artículo.