HTML/טפסים/מתחילים/תרגילים

מתוך ויקיספר, אוסף הספרים והמדריכים החופשי

<form action="mailto:yossi_av@nana.co.il" method="post" enctype="text/plain">

מסגרת רכיבי טופס

<fieldset>

תיבת טקסט: <input type="text" id="myinput" name="myinput" value="text"/> (text)

תיבת סיסמה: <input type="password" id="mypass" name="mypass" value="pass" /> (password)

תיבת סימון 1: <input type="checkbox" id="mycheckbox1" name="mycheckbox1" checked="checked"/> (checkbox)
תיבת סימון 2: <input type="checkbox" id="mycheckbox2" name="mycheckbox2" checked="checked"/> (checkbox)
תיבת סימון 3: <input type="checkbox" id="mycheckbox3" name="mycheckbox3"/> (checkbox)

 <fieldset>
   כפתור רדיו 1: <input type="radio" id="myradio1" name="myradio"/> (radio)
כפתור רדיו 2: <input type="radio" id="myradio1" name="myradio" checked="checked"/> (radio)
כפתור רדיו 3: <input type="radio" id="myradio1" name="myradio" /> (radio)
</fieldset>

איזור טקסט: <textarea id="MyTextBox" name="MyTextBox" cols="20" rows="4" dir="rtl"> טקסט עם הרבה שורות טקסט עם הרבה שורות טקסט עם הרבה שורות </textarea> (textarea)

תיבת בחירה: <select> <option label="123 נסיון" value = "1">123 ניסיון</option> <option label="123 נסיון" value = "2" selected="selected">123 ניסיון</option> <option label="123 נסיון" value = "3">123 ניסיון</option> </select> (select)



כפתור שליחת טופס: <input type="submit" /> (submit)

כפתור ניקוי טופס: <input type="reset" /> (reset)

 </fieldset>

</form>