Событие 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 атрибута:

События