用HTML制作表单,html网页制作表单
1.
html表单的提交
:form action= Method= /form
action属性
设置提交的服务器地址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
