用HTML制作表单,html网页制作表单
1.html表单的提交:
form action= Method= /formaction属性设置提交的服务器地址method属性设置提交方法GET(默认)或POST
2.表单提交数据没有发送给服务器的三种情况:
1.表单项目没有名称属性。
2.单选和多选都需要添加value属性,才能发送到服务器。
3.表单项目不在提交的表单标记中。
3.GET请求的特点:
1.浏览器地址栏中的地址是:动作属性[?请求参数]
2.请求参数的格式:名称=值名称=值
3.危险的
4.如果表单值包含ASCII或超过100个字符,则必须使用method="post "
4.POST请求的特点:
1…浏览器的地址栏只有action属性,也就是服务器地址。
2.它比GET request更安全(因为地址栏中没有请求参数)
3.理论上,没有数据长度限制。
一个简单的html表单页面
首先,完成html表单的原型:
!doctype HTML HTML lang= en headmethacharaset= utf-8 title title/title/head body!-表单是一个html接口,用来收集用户信息并最终发送到服务器-!-创建一个表单页面,收集个人信息并进行注册,包括用户名、密码和确认密码-表单!-表单标签是表单-用户名:输入类型=test 值= default value br/!- test是一个文本输入框-用户密码:input type=password br/!- password是密码输入框,自动屏蔽-确认密码:输入类型=password br/gender:输入类型=radio name=sex 男输入类型=radio name=sex 女br/!- radio是一个单选框,可以用名称分组实现单选-语言首选:input type= checkbox Java input type= checkbox python input type= checkbox c br/!- checkbox代表多选框-国籍选择选项selected=selected 中国/option option美国/option option瑞士/option!- select为下拉列表框,option为选项,默认为selected-/select br/self-evaluation:textarea rows= 10 cols= 20 。请输入自我评价/textarea br/!- textarea多行文本输入框,起始和结束标签中有默认值-输入类型= reset !-重置窗口-输入类型=提交!-提交按钮-输入类型=按钮值=普通按钮!-普通按钮-输入类型=文件值=选择文件!-选择文件按钮-输入类型=隐藏!-隐藏域,需要发送到服务器,用户被阻止-/form/body/HTML可以进一步优化是的表单格式化(方法是把表单form放在表格table中):
将action属性添加到表单标记中,以指定表单提交地址。
!doctype HTML HTML lang= en headmethacharaset= utf-8 title title/title/head body!-表单是一个html接口,用来收集用户信息并最终发送到服务器-!-创建一个表单页面收集个人信息并注册,包括用户名、密码和确认密码-form action= http://localhost:8888 method= get !-表单标签是表单-H2 align= center 用户注册/h2!-表格标题-表格对齐=中心!-把表格放到表格里美化格式- tr td用户名:/TD TD输入类型=测试名称=用户名值=默认值/td /tr tr td用户密码:/TD TD输入类型=密码名称=密码/TD/Tr TD确认密码:/TD TD输入类型=密码/TD/Tr TD性别:/Td输入类型= radio name= sex value= man 男输入类型= radio name= sex value= girl 女/td /tr tr td语言首选:/td输入类型= checkbox Java输入类型= checkbox python输入类型= checkbox c/TD/tr tr TD国籍/Td Td Td select option selected= selected 中国/option美国/option option瑞士/option! - select是下拉列表框,option是选项,默认为selected - /select /td /tr tr td TD自评:/td td textarea rows=10 cols=20 。请输入自我评价/textarea/TD/tr tr TD输入类型= reset !-重置窗口-/TD TD输入类型=提交!-提交按钮-/TD TD输入类型=文件值=选择文件!-选择文件按钮-/TD/tr/table/form/body/html
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。