一，效果图。
二，代码。
<!doctype html><html><head> <meta chart="utf-8"> <title>html 列表</title></head><body> <!--创建文本字段text field--> <form action=""> first name: <input type="text" name="first name"> <br> last name: <input type="text" name="last name"> </form> <!--创建密码字段--> <form action=""> urname: <input type="text" name="ur"> <br> password: <input type="password" name="password"> </form> <!--单选按钮--> <form> <input type="radio" name="x" value="male">male <br> <input type="radio" name="x" value="female">female </form> <!--复选框--> <form> <input type="checkbox" name="vehicle" value="bike">i have a bike</br> <input type="checkbox" name="vehicle" value="car">i have a car </form> <!--提交按钮--> <form name="input" action="html_form_action.php" method="get"> urname: <input type="text" name="ur"> <input type="submit" value="submit"> </form> <!--简单的下拉列表--> <form action=""> <lect name="cars"> <option value="volvo">volvo</option> <option value="saab">saab</option> <option value="fiat">fiat</option> <option value="audi">audi</option> </lect> </form> <!--预选下拉列表--> <form action=""> <lect na才能的意思me="cars"> <option value="volvo">volvo</opt我女儿素英ion> <option value="saab">saab</option> <option value="fiat" lected>fiat</option> <option value="audi">audi</option> </lect> </form> <!--文本域--> <textarea rows="10" cols="30"> 我是一个文本框 </textarea> <!--创建按钮--> <form acion=""> <input type="button" value="hello world!"> </form> <!--带边框的表单--> <form action=""> <fieldt> <legend> personal information </legend> name: <input type="text" size="30">读书分享会活动方案; <br> email: 快乐的大脚 <input type="text" size="30"> <br> date of birth: <input type="text" size="10"> </fieldt> </form> <!--带有输入框和确认按钮的表单--> <form action="demo-form.php"> first name: <input type="text" name="first name" value="mickey"> <br> last name: <input type="text" name="lastname" value="mou"> <br> <input type="submit" value="submit"> </form> <!--带有复选框的表单--> <form action="demo-form.php" method="get"> <input type="checkbox" name="vehicle" value="bike">i have a bike <br> <input type="checkbox" name="vehicle" value="car" checked="checked"> i have a car <br> <input type="submit" value="submit"> </form> <!--带有单选按钮的表单--> <form action="demo-form.php" method="get"> <input type="radio" name="x" value="male">male <br> <input type="radio" name="x" value="female" checked="checked">female <br> <input type="submit" value="submit"> </form> <!--从表单发送电子母亲节简笔画邮件--> <form action="mailto:someone@example.com" method="post" enctype="text/plain"> name: <br> <input type="text" name="name" value="your name"> <br> e-mail: <br> <input type="text" name="mail" value="your email"> <br> comment: <br> <input type="text" name="comment" value="you comment" size="50"> <br> <br> <input type="submit" value="ndd"> <input type="ret" value="ret"> </form></body></html>
参考资料：《菜鸟教程》
本文发布于:2023-04-03 01:27:21，感谢您对本站的认可！
本文链接：https://www.wtabcd.cn/fanwen/zuowen/459c71a149c93bea30e03ff8196bc316.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
本文word下载地址：【代码笔记】Web.doc
本文 PDF 下载地址：【代码笔记】Web.pdf
| 留言与评论（共有 0 条评论） |
