预览加载中，请您耐心等待几秒...

HTML5form(网页表单制作)(姬岚洋).doc

预览
1/9
2/9
3/9
4/9
5/9
6/9
7/9
8/9
9/9

在线预览结束，喜欢就下载吧，查找使用更方便

下载提示 文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

HTML5Form(网页表单制作) 作者：姬岚洋 说明：本文致力于制作一个简单的网页表单制作方法，向大家展现最简单的表单入门制作方法。实现截图： 源代码： <!doctypehtml> <html> <head> <style> body{ background-color:#FFEBCD; } .autostyle2{ font-size:24px; text-align:center; } #button{ margin-left:50px; } </style> </head> <body> <formaction="registeration.html"> <table> <trclass="autostyle2"> <tdcolspan="2">orderFoodOnline</td> </tr> <TR> <tdwidth="100%"colspan="2"> </td> </TR> <tr> <td><labelfor="name">Name:</label></td> <td><inputtype="text"name="usrname"placeholder="Enteryourname"required></td> </tr> <tr> <td><labelfor="date">Date:</label></td> <td><inputtype="text"name="date"ID="date"required></td> </tr> <tr> <td><labelfor="email">emailID:</label></td> <td><inputtype="email"name="usremail"ID="email"placeholder="EnteryouremailID"required></td> </tr> <tr> <td><labelfor="number">ContactNumber:</label></td> <td><inputtype="tel"name="usrtel"ID="nunber"placeholder="Enteryourphonenumber"required></td> </tr> <tr> <td><labelfor="food">SelectFood:</label></td> <td> <labelfor="nonveg">Non-vegetarian</label><inputtype="radio"name="food"ID="nonveg"> <labelfor="veg">vegetarian</label><inputtype="radio"name="food"ID="veg"> </td> </tr> <tr> <td><labelfor="restro">SelectRestaurant:</label></td> <td> <select> <optionvalue="opt1">SelectYourrestaurants</option> <optionvalue="opt2">岚洋餐厅</option> <optionvalue="opt3">婷婷餐厅</option> <optionvalue="opt4">白新餐厅</option> <optionvalue="opt5">紫萱餐厅</option> <optionvalue="opt6">华仔餐厅</option> </select> </td> </tr> <tr> <td><labelfor="drinks">SelectDrinks:</label></td> <td> <select> <optionvalue="opt1">SelectYourDrinks</option> <optionvalue="opt2">可乐</option> <optionvalue="opt3">雪碧</option> <optionvalue="opt4">果粒橙</option> <optionvalue="opt5">佳得乐</option> <optionvalue="opt6">加多宝</option> </select> </td> </tr> <tr> <td><labelfor="soups">SelectSoups:</label></td> <td> <select> <optionvalue="opt1">SelectYourSoups</option> <optionvalue="opt2">西红柿蛋汤</option> <optionvalue="opt3">紫菜蛋汤</option> <optionvalue="opt4">青菜豆