Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Событие onclick

Справочник: 

Характеристики атрибута

В каких браузерах работает?

4.0+ 1.0+ 3.5+ 1.0+ 1.0+ 1.0+ 1.0+

Для чего используется

Приводит событие в действие, после клика левой кнопкой мышки по тому элементу, к которому относится событие onclick.

В каких тегах он может использоваться?

a abbr acronym address
applet area b basefont
bdo bgsound big blockquote
body br button caption
center cite code col
colgroup dd del dfn
dir div dl dt
em embed fieldset font
form frame h1 - h6 hr
i iframe img input
ins isindex kbd label
legend li link map
marquee menu nobr object
ol option p plaintext
pre q s samp
select small span strike
strong sub sup table
tbody td textarea tfoot
th thead tr tt
u ul var wbr
xmp

Как правильно задавать?

Простейший пример использования атрибута выглядит следующим образом:

onclick="код скрипта"

Какие значения могут быть записаны в атрибут?

Скрипт.

Пример использования

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Событие onclick</title>
  <script>
   function isEmail() {
    var str = document.getElementById("mail").value;
    var status = document.getElementById("sostoyanie");
    var re = /^[^\s()<>@,;:\/]+@\w[\w\.-]+\.[a-z]{2,}$/i;
    if (re.test(str)) status.innerHTML = "Поле заполнено верно";
      else status.innerHTML = "Поле заполнено не верно";
    if(isEmpty(str)) status.innerHTML = "Поле не заполнено";
   }
   function isEmpty(str){
    return (str == null) || (str.length == 0);
   }
  </script>
 </head>
 <body>
  <form action="">
   <p>Проверка правильности заполнения поля формы</p>
   <p><input type="text" id="mail"> <span id="sostoyanie"></span></p>
   <p><input type="button" value="Проверка" onclick="isEmail()"></p>
  </form>
 </body>
</html>

Тип HTML атрибута: