NECTEC
NSTDA
Home
Computer
Program
Internet & Web
Graphics
CAI
Multimedia
Electrical Power
General Education
Special Education
Links
Webmaster
JavaScript

หน้าต่างเตือนเมื่อคลิกบนปุ่ม

เห็นผลลัพธ์แล้วใช่ไหม สร้างปุ่มกดแล้วมีหน้าต่างแสดงข้อความแบบนี้ ไม่ยากเลยครับ แค่เติมคำสั่ง (ที่แสดงด้วยสีแดง) ต่อท้ายคำสั่งปุ่มดังนี้

<form>
<input type="button" value="message" onClick="alert('this is the message'); return true">
</form>

หมายเหตุ

ทดลองนำไปใช้ปุ่ม Tag อื่นๆ ของ FORM ดูสิครับ เช่น

ตัวอย่างการประยุกต์ใช้กับ Radio Button

<FORM>
<p>HTML เป็นคำย่อของ ?
<p> 1: <INPUT TYPE="radio" NAME="radio" value="เก่งมากครับ"
onClick="alert(value)">
HyperText Markup Language <br>
2: <INPUT TYPE="radio" NAME="radio" value="แน่ใจหรือครับว่าถูก ลองดูใหม่สิครับ"
onClick="alert(value)">
HyperText Making Language <br>
3: <INPUT TYPE="radio" NAME="radio" value="แน่ใจหรือครับว่าถูก ลองดูใหม่สิครับ"
onClick="alert(value)">
HyperText Marking Learning
</FORM>

HTML เป็นคำย่อของ ?

1: HyperText Markup Language
2: HyperText Making Language
3: HyperText Marking Learning

ตัวอย่างการประยุกต์ใช้กับ Button

<form>
<p><font face="MS Sans Serif, Microsoft Sans Serif" size="1">HTML
เป็นคำย่อของ ? </font>
<p><font face="MS Sans Serif, Microsoft Sans Serif" size="1">
1:
<input type="button" name="button" value="HyperText Markup Language " onClick="alert('เก่งมากครับ'); return true">
</font>
<p><font face="MS Sans Serif, Microsoft Sans Serif" size="1">2:
<input type="button" name="button" value="HyperText Making Language " onClick="alert('ลองดูอีกทีสิครับ'); return true">
</font>
<p><font face="MS Sans Serif, Microsoft Sans Serif" size="1">3:
<input type="button" name="button" value="HyperText Marking Learning " onClick="alert('ผิดแล้วล่ะครับ'); return true">
</font>
</form>

HTML เป็นคำย่อของ ?

1:

2:

3: