HTML5 поставляется с оптимизацией опыта работы в форме таблицы и функции модификации быстрого пузыря

Когда многие друзья проводят проверку формы, они используют jQuery или JS вручную или используют подключение jQuery для проверки. Потому что все думают, что HTML5 поставляется с аутентификацией, не очень хорошо! На самом деле, теперь HTML5 поставляется с формулированием проверки формы, которая теперь довольно мощная. Давайте посмотрим на форму, чтобы проверить ее в форме, написанной Pure HTML5! Опыт!

Что вы думаете об этом эффекте?

Суть этого эффекта - три картины!

 .myform Select: требуется, .myform Input: требуется, .myform Textarea: требуется {founal: #fff (http://sandbox.runjs.cn/rs/rs/216/0y 89gzo2/star.jpg) no-Repeat 99 % Центр;}. /Right.png) No-Repeat 99% Центр; : //sandbox.runjs.cn/uploads/rs/216/0y89gzo2/error.png) No-Repeat 99% Центр;

Затем совершил событие мониторинга:

 OnInvalid = this.SetCustomVality («Пожалуйста, введите правильное число»);

Когда пароль проверки согласован, используйте JS

 Функция CheckPassword () {var pass1 = document.getElementbyId (пароль);

Это завершает эффект!

Если вы думаете, этот построенный пузырь тоже некрасивый! Как показано ниже: я хочу изменить это!

Перед версией Google 29 мы можем использовать псевдо -элементы для изменения пузырьков!

 -Вет-валидация-валида / Top: 4px; 1px solid #f7ce39;

Но этот метод был заброшен позже! Вы обнаружите, что нет ответа на изменение пузыря! Так как изменить стиль пузыря? Здесь немного неприятно! Идея, вероятно, в том, что мы сначала останавливаем пузыри по умолчанию, а затем создаем новый пузырь!

 <Form> <inpute> <tutry> Отправить </button> </form> <script> document.quryselector (input) .AdDeventListener (Ingret, Function) {event.prev entdefault ();});

Код примерно следующим образом:

 Function replyvalidationui (form) {// Предотвратить пузырьки от пузырьков. }); Type = postic]; Invalidfields.length; /li>;} ages.innerhtml = liSTHTML; });} // Заменить все проверки uivar forms = document.quryselectiverall (form);

Выше всего, HTML5 поставляется с HTML5, чтобы проверить оптимизацию опыта и функцию модификации пузырьков. Полем Большое спасибо за вашу поддержку на веб -сайте Vevb Wulin!