Prefácio
Por que escrever em capítulos? Por abranger muitos pontos de conhecimento, posso tentar o meu melhor apresentá-lo em detalhes para cuidar de pessoas com base deficiente, de modo a rever o passado e aprender o novo.
No começo eu realmente planejava terminar em um artigo, no meio do caminho percebi que já era um artigo bastante longo. Muitas pessoas, como eu, já ficaram assustadas ao ver tanto conteúdo. entender todo o conteúdo, então resolvi separá-lo, avisar os leitores conforme necessário.
E por que existe um capítulo zero? Por ser muito básico, a maioria das pessoas pode ignorá-lo. É apenas para um pequeno número de novatos e pessoas com memória fraca. Se você acha que pode, simplesmente pule.
Vamos começar dizendo que o upload comercial sempre foi uma coisa assustadora para mim, e tive relativamente pouca exposição a isso, porque antes não havia padrões. Para conseguir um upload, tive que escrever todos os tipos de códigos de compatibilidade nojentos. , e os plug-ins costumam ser propensos a bugs e não tenho como modificá-los. Até hoje, os verdadeiros guerreiros sempre têm que enfrentar a maldita realidade, então abri especialmente um post de alfabetização para estudar e resumir alguns conhecimentos sobre upload aqui. Vou levá-lo para navegar por algumas APIs que preciso usar.
Zero, básico (os pontos de conhecimento vêm principalmente do w3school) (aqueles que já estão familiarizados com isso podem simplesmente pular este capítulo)
<form action=método= </form>
Tags são usadas para criar formulários HTML para entrada do usuário. Os formulários podem conter elementos de entrada, como campos de texto, caixas de seleção, botões de opção, botões de envio, etc. Os formulários também podem conter elementos de menu, área de texto, conjunto de campos, legenda e rótulo. Os formulários são usados para transferir dados para o servidor.
| Campo | descrever |
|---|---|
| nome | Especifica o nome do formulário |
| Ação | Especifica para onde enviar os dados do formulário quando o formulário for enviado |
| tipo de código | (ligado/desligado) especifica como codificar os dados do formulário antes de enviá-los |
| método | (get/post) Especifica o método HTTP usado para enviar dados de formulário |
| novalidar | Se este atributo for utilizado, nenhuma validação será executada quando o formulário for enviado. (atributo HTML5) |
| ao enviar | O atributo onsubmit do objeto Form especifica uma função manipuladora de eventos. Esta função de manipulador de eventos é chamada quando o usuário clica no botão Enviar no formulário para enviar um formulário. Observe que esta função manipuladora não é chamada quando o método Form.submit() é chamado. Se o manipulador onsubmit retornar fasle, os elementos do formulário não serão enviados. Se a função retornar outro valor ou nada, o formulário será enviado |
Para obter detalhes, clique no formulário Sobre
rótulo
<label for=male>Masculino</label><input type=radio name=sex id=male /><label for=girl>Menina</label><input type=radio name=sex id=girl />
O elemento label não apresenta efeitos especiais ao usuário. No entanto, melhora a usabilidade para usuários de mouse. Este controle é acionado se você clicar no texto dentro do elemento rótulo. Ou seja, quando o usuário selecionar o rótulo, o navegador automaticamente mudará o foco para o controle de formulário relacionado ao rótulo. O atributo for da tag deve ser igual ao atributo id do elemento relacionado.
| Campo | descrever |
|---|---|
| para | Especifica a qual elemento do formulário o rótulo está vinculado |
| forma | Especifica um ou mais formulários aos quais o campo de rótulo pertence |
Para obter detalhes, clique no rótulo Sobre
entrada
<input type=text name=fname/><input type=password name=password><input type=checkbox name=Bicicleta><input type=checkbox name=Car><input type=rádio verificado=marcado nome=Sexo valor= masculino/><input type=radio name=Sexo value=female/><select name=cars> <option value=volvo>Volvo</option> <option value=saab>Saab</option> <option value=fiat>Fiat</option> <option value=audi>Audi</option></select><textarea rows=10 cols=30>
Tags são usadas para coletar informações do usuário. Os campos de entrada têm vários formatos dependendo do valor do atributo type. Os campos de entrada podem ser campos de texto, caixas de seleção, controles de texto codificados, botões de opção, botões, etc.
Para obter detalhes, clique em entrada
<tipo de entrada=enviar valor=Enviar>
O objeto Submit representa um botão de envio em um formulário HTML. Antes do formulário ser enviado, o manipulador de eventos onclick é acionado e um manipulador pode cancelar o envio do formulário retornando fasle.
submit: Envia dados do formulário para o servidor Web. Este método envia o formulário da mesma forma como se o usuário clicasse no botão Enviar, mas o manipulador de eventos onsubmit do formulário não será chamado.
Para obter detalhes, clique em enviar
<button type=button>Clique em mim!</button>
Dentro do elemento botão, você pode colocar conteúdo, como texto ou imagens. Esta é a diferença entre este elemento e os botões criados usando o elemento input.
Comparado com <input type=button>, o controle <button> fornece funções mais poderosas e conteúdo mais rico. Tudo entre as tags é o conteúdo do botão, incluindo qualquer conteúdo aceitável do corpo, como texto ou conteúdo multimídia. Por exemplo, podemos incluir uma imagem e um texto associado em um botão e usá-los para criar uma imagem de marcação atraente no botão.
O único elemento proibido é o mapa de imagens, pois suas ações sensíveis ao mouse e ao teclado interferem no comportamento dos botões do formulário.
Sempre especifique o atributo type para botões. O tipo padrão no Internet Explorer é botão, enquanto o padrão em outros navegadores (incluindo a especificação W3C) é enviar.
(Importante: se você usar o elemento button em um formulário HTML, diferentes navegadores enviarão valores diferentes. O Internet Explorer enviará o texto entre <button> e <button/>, enquanto outros navegadores enviarão o conteúdo do atributo value . Por favor use elementos de entrada em formulários HTML para criar botões.)
| Campo | descrever |
|---|---|
| nome | Especifica o nome do botão |
| desabilitado | Especifica que o botão deve ser desabilitado |
Para obter detalhes, clique no botão Sobre