Предисловие
Зачем писать по главам? Поскольку он охватывает множество вопросов знаний, я постараюсь изо всех сил представить его подробно, чтобы позаботиться о людях с плохим фундаментом, чтобы проанализировать прошлое и узнать новое.
В начале я действительно планировал закончить это в одной статье. На полпути я понял, что это уже довольно длинная статья. Многие люди, такие как я, уже испугались, увидев столько контента. понимаю все содержание, поэтому решил разделить его, чтобы читатели знали по мере необходимости.
А почему существует нулевая глава? Поскольку это слишком просто, большинство людей могут его игнорировать. Это только для небольшого числа новичков и людей с плохой памятью. Если вы думаете, что можете, просто пропустите его.
Начнем с того, что деловая загрузка всегда была для меня пугающей вещью, и я сравнительно мало с ней сталкивался, потому что раньше не было стандартов. Чтобы добиться загрузки, мне приходилось писать всевозможные отвратительные коды совместимости. , а плагины часто подвержены ошибкам и у меня нет возможности их модифицировать. По сей день настоящим воинам всегда приходится сталкиваться с кровавой реальностью, поэтому я специально открыл пост по грамотности, чтобы изучить и обобщить некоторые знания по загрузке. Я покажу вам некоторые API, которые мне нужно использовать.
Ноль, основы (очки знаний в основном берутся из w3school) (те, кто уже с ней знаком, могут просто пропустить эту главу)
<form action= метод= ></form>
Теги используются для создания HTML-форм для ввода данных пользователем. Формы могут содержать элементы ввода, такие как текстовые поля, флажки, переключатели, кнопки отправки и т. д. Формы также могут содержать элементы меню, текстовой области, набора полей, легенды и метки. Формы используются для передачи данных на сервер.
| Поле | описывать |
|---|---|
| имя | Указывает имя формы |
| действие | Указывает, куда отправлять данные формы при ее отправке. |
| шифровать | (вкл/выкл) указывает, как кодировать данные формы перед их отправкой. |
| метод | (get/post) Указывает метод HTTP, используемый для отправки данных формы. |
| обновить | Если этот атрибут используется, проверка при отправке формы не выполняется. (атрибут HTML5) |
| при отправке | Атрибут onsubmit объекта Form определяет функцию обработчика событий. Эта функция обработчика событий вызывается, когда пользователь нажимает кнопку «Отправить» в форме, чтобы отправить форму. Обратите внимание, что эта функция-обработчик не вызывается при вызове метода Form.submit(). Если обработчик onsubmit возвращает fasle, элементы формы не будут отправлены. Если функция возвращает другое значение или ничего, форма отправляется. |
Для получения подробной информации, пожалуйста, нажмите на форму «О компании»
этикетка
<label for=male>Мужской</label><input type=radio name=sex id=male /><label for=girl>Girl</label><input type=radio name=sex id=girl />
Элемент label не представляет для пользователя никаких специальных эффектов. Однако это повышает удобство использования для пользователей мыши. Этот элемент управления срабатывает, если вы щелкаете по тексту внутри элемента метки. То есть, когда пользователь выбирает метку, браузер автоматически переключает фокус на элемент управления формы, связанный с меткой. Атрибут тега for должен совпадать с атрибутом id связанного элемента.
| Поле | описывать |
|---|---|
| для | Указывает, к какому элементу формы привязана метка. |
| форма | Указывает одну или несколько форм, которым принадлежит поле метки. |
Для получения подробной информации нажмите на ярлык «О программе».
вход
<тип ввода=текстовое имя=fname/><тип ввода=пароль имя=пароль><тип ввода=имя флажка=Велосипед><тип ввода=имя флажка=Автомобиль><тип ввода=радио проверено=проверенное имя=Половое значение= мужской/><input type=имя радио=Sex 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>
Теги используются для сбора информации о пользователях. Поля ввода имеют множество форм в зависимости от значения атрибута type. Полями ввода могут быть текстовые поля, флажки, элементы управления кодированным текстом, переключатели, кнопки и т. д.
Для получения подробной информации, пожалуйста, нажмите на ввод
<тип ввода=отправить значение=Отправить>
Объект Submit представляет кнопку отправки в HTML-форме. Перед отправкой формы запускается обработчик события onclick, и обработчик может отменить отправку формы, вернув fasle.
submit: Отправка данных формы на веб-сервер. Этот метод отправляет форму так же, как если бы пользователь нажал кнопку «Отправить», но обработчик события onsubmit формы не будет вызываться.
Для получения подробной информации, пожалуйста, нажмите «Отправить»
<button type=button>Нажмите на меня!</button>
Внутри элемента кнопки вы можете разместить контент, например текст или изображения. В этом разница между этим элементом и кнопками, созданными с использованием элемента ввода.
По сравнению с <input type=button> элемент управления <button> предоставляет более мощные функции и более богатое содержимое. Все, что находится между тегами, является содержимым кнопки, включая любой приемлемый основной контент, например текст или мультимедийный контент. Например, мы можем включить изображение и связанный с ним текст в кнопку и использовать их для создания привлекательного изображения разметки на кнопке.
Единственным запрещенным элементом является карта изображения, поскольку ее действия, зависящие от мыши и клавиатуры, влияют на поведение кнопок формы.
Всегда указывайте атрибут type для кнопок. Типом по умолчанию в Internet Explorer является кнопка, а в других браузерах (включая спецификацию W3C) — отправить.
(Важно: если вы используете элемент кнопки в форме HTML, разные браузеры будут отправлять разные значения. Internet Explorer отправит текст между <button> и <button/>, в то время как другие браузеры отправят содержимое атрибута value. Пожалуйста, используйте элементы ввода в формах HTML для создания кнопок.)
| Поле | описывать |
|---|---|
| имя | Указывает имя кнопки |
| неполноценный | Указывает, что кнопка должна быть отключена |
Для получения подробной информации нажмите кнопку «О программе»