Introdução a algumas propriedades de objeto HTML comumente usadas adequadas para iniciantes para aprender

Autor：Eve Cole Data da Última Atualização：2025-04-07 02:00:03

O conteúdo compartilhado por este artigo é sobre alguns atributos de objeto HTML comumente usados adequados para iniciantes para aprender. Este site inclui alguns atributos de objeto HTML comumente usados adequados para iniciantes para aprender. Ele explica os métodos relevantes e o conhecimento dos métodos de aplicação e conhecimento dos atributos do objeto de iniciantes no artigo. Bem -vindo para lhe dar algum apoio e ajuda a esse respeito! A seguir estão os detalhes:

O que este artigo compartilha com você é sobre algumas propriedades de objeto HTML comumente usadas adequadas para os iniciantes aprenderem.

Objeto de forma

Método do objeto de forma

RESET (): Redefina todos os elementos de entrada do formulário para seus valores padrão.

envie (): envie o formulário.

Objeto de texto

Propriedades do objeto de texto

Desativado: define ou retorna se o campo de texto deve ser desativado.

READONLY: define ou retorna se o campo de texto deve ser somente leitura.

Valor: define ou retorna o atributo de valor do campo de texto.

Método do objeto de texto

foco (): defina foco no campo de texto.

Exemplo

 <! Doctype html> <html> <head> <meta charset = utf-8> <title> </title> </ad head> <body> <form> <nome de entrada = wd/> <input type = submit up = Baidu onClick = sub ()> </form> <cript> var form = form = document.get.get.getagnymymentsgnysymAgn = Sub ()> </formul. var text = document.getElementsByName (WD) [0]; text.focus (); function sub () {var text = document.getElementsByName (wd) [0]; // text.value = magic; // text.readonly = true; // console.log (text.readonly); // text.disabled = true; console.log (text.disabled); text.focus (); } // tags com texto de tipo, senha e textarea têm valor, foco, desativado e readonly </script> </body> </html>

Objetos de rádio

Propriedades do objeto de rádio

Verificado: define ou retorna o status do botão de rádio.

Desativado: define ou retorna se deve desativar o botão de rádio.

Valor: define ou retorna o valor da propriedade Value do botão de rádio.

Objeto de caixa de seleção

Propriedades do objeto da caixa de seleção

Verificado: Conjuntos ou retornos se a caixa de seleção deve ser selecionada.

Desativado: Defina ou retorne se a caixa de seleção deve ser desativada.

Valor: define ou retorna o valor do atributo de valor da caixa de seleção

Selecione objeto

Selecione coleta de objetos

Opções []: Retorna uma matriz que contém todas as opções na lista suspensa.

Selecione Propriedades do objeto

desativado: define ou retorna se a lista suspensa deve ser desativada.

Comprimento: retorna o número de opções na lista suspensa.

SelectedIndex: define ou retorna o número de índice do item selecionado na lista suspensa.

Selecione o método do objeto

Adicione (): Adicione uma opção à lista suspensa.

Remover (): Remova uma opção da lista suspensa.

Objeto de opção

Método de construção de objetos de opção

Opção (texto, valor): Crie um objeto de opção através dos valores de texto e valor

Propriedades do objeto de opção

Selecionado: define ou retorna o valor da propriedade selecionada.

Texto: define ou retorna o valor de texto simples de uma opção.

Valor: define ou retorna o valor enviado ao servidor.

Selecione Exemplo de objeto e objeto de opção

 <! Doctype html> <html> <head> <meta charset = utf-8> <titter> </title> </ad Head> <body> <select id = grau> <opção Valor = 1> Primeira série </pption> <Valor da opção = 2> Segunda série </pption> <pution value). value = botão/botão/> <script type = text/javascript> function text () {var select = document.getElementById (grau); console.log (select.Disabled); console.log (select.length); console.log (select.SelectedIndex); console.log (~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ `) var options = select.options; console.log (opções [select.SelectedIndex] .Value); console.log (@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@ console.log (opções [i] .Selected); console.log (opções [i] .Text); } var opção = nova opção (5ª série, 5); select.add (opção); select.remove (0); } </script> </body> </html>

Formulário de inscrição

 <! Doctype html> <html> <head> <meta charset = utf-8> <title> </title> </head> <body> <span style = cor: vermelho; id = errar-massage> </span> <r/> <form ansubMit = return check ()> <table> <tr> <td> nome de usuário: </td> <td> <id iD = name spromholder = por favor, digite o nome de usuário onblur = check_name ()> </td> </tr> <tr> <t. PISSONALDADOR = Digite a senha onblur = check_pw ()> </td> </tr> <tr> <td> Confirmar senha: </td> <td> <entrada de entrada = pw-check type = senha de spedholder = por favor, digite a senha de confirmação/> <Tipo de entrada = Nome da caixa de seleção = Valor do hobby = 0/> Badminton <Tipo de entrada = Nome da caixa de seleção = Valor do hobby = 1/> Basketball <Tipo de entrada = Nome da caixa de seleção = Valor do hobby = 1/> tênis de tabela <Opção <opção </option> option> option> option> option> option> option> option> option> option> option> option> option> option> option>/option> option> Valor = 3> junior </pption> <opção value = 4> Senior </pption> </leclect> <br/> <td> <type de entrada = reset value = reset/</td> <td> <tipo de entrada = tipo submit value = registro/</td> </morm> </script> // use a função $ () } function check () {var n = document.getElementById (nome); var w = document.getElementById (pw); var msg = document.getElementById (massagem errada); var c = document.getElementById (pw-check); if (n.value.length> 12) {msg.innerhtml = o nome do usuário não puder exceder 15 caracteres, entre em contato! ; n.focus (); retornar falso; } if (n.Value.Length == 0) {msg.innerhtml = O nome do usuário não pode estar vazio, por favor, volte! ; n.focus (); retornar falso; } if (w.value.length> 12) {msg.innerhtml = A senha não pode exceder 12 caracteres, entre em volta! ; w.focus (); retornar falso; } if (w.Value.Length == 0) {msg.innerhtml = A senha não pode estar vazia, por favor, volte! ; w.focus (); retornar falso; } if (W.Value! = C.Value) {msg.innerhtml = senha está errada, por favor, volte! ; c.focus (); retornar falso; } var sex = document.getElementsByName (sexo); var hobby = document.getElementsByName (hobby); for (var i = 0; i <sex.length; i ++) {sex [i] .disabled = true; console.log (sexo [i] .cked + + sexo [i] .Value); } console.log (~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~) Para (var i = 0; i <hobby.length; i ++) {hobby [i]. console.log (hobby [i] .cked + + hobby [i] .Value); } console.log (~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~ ~ var options = select.options; console.log (select.length); console.log (select.SelectedIndex); console.log (opções [select.SelectedIndex] .Value); for (var i = 0; i <options.length; i ++) {var option = options [i]; console.log (option.value) select.disabled = true; } retornar false; } function check_name () {var n = document.getElementById (nome); var msg = document.getElementById (massagem errada); if (n.value.length> 12) {msg.innerhtml = o nome do usuário não puder exceder 15 caracteres, entre em contato! ; n.value =; n.focus (); } else if (n.Value.Length == 0) {msg.innerhtml = O nome do usuário não pode estar vazio, por favor, volte! ; n.focus (); } else {msg.innerhtml =; }} função check_pw () {var w = document.getElementById (pw); var msg = document.getElementById (massagem errada); if (w.Value.Length> 12) {msg.innerhtml = A senha não pode exceder 12 caracteres, entre em frente! ; w.Value =; w.focus (); } else if (w.Value.Length == 0) {msg.innerhtml = senha não corresponde, por favor, volte! ; w.focus (); } else {msg.innerhtml =; }} </script> </body> </html>

Objeto de imagem

Propriedades do objeto de imagem

SRC: defina ou retorne o URL da imagem.

O conteúdo da introdução a algumas propriedades de objeto HTML comumente usadas adequadas para iniciantes para aprender está aqui. Você pode marcar o URL desta página http://www.vevb.com/web/a/2018090496002.shtml para facilitar o acesso na próxima vez.