网络网站首页设计,代理分佣后台网站开发,wordpress 登录很慢,西乡网站的建设使用过Delphi的程序员#xff0c;对Form这个词应该比较熟悉。在Delphi中#xff0c;Form被翻译为“界面、窗口”#xff0c;作用是#xff1a;为用户提供界面#xff0c;供用户输入信息#xff0c;向用户展示处理结果。HTML5中也有Form#xff0c;功能与Delphi中的Form差…使用过Delphi的程序员对Form这个词应该比较熟悉。在Delphi中Form被翻译为“界面、窗口”作用是为用户提供界面供用户输入信息向用户展示处理结果。HTML5中也有Form功能与Delphi中的Form差不多用于接收用户输入和服务器进行交互。不过HTML5中的Form中文一般译为“表单”。1、Web前端与Web后端的交互Web前端指浏览器上展示的HTML文件以及HTML文件使用的CSS文件及JavaScript脚本。Web后端指运行在服务器上的为Web前端提供服务的软件Web后端也常常被称为Web服务器。在HTML5中Web前端与Web后端交互的流程一般如下(1)Web前端向Web后端发起HTTP请求(2)Web后端收到HTTP请求后进行业务处理(3)Web后端向Web前端返回HTTP响应。到目前为止我们在HTML5中碰到的Web前端发起HTTP请求的方式有两种第1种HTML页面通过元素向用户提供超级链接用户点击该链接时会向服务器发起请求第2种HTML页面通过表单为用户提供输入界面用户提交表单时会向服务器发起请求。2、GET请求和POST请求HTTP请求有八种对Web前端开发者来说最常用的是GET请求和POST请求。GET请求向Web后端请求指定的页面GET请求携带的数据以URL参数的形式提供POST请求向Web后端提交数据请求Web后端对数据进行处理POST请求携带的数据在请求消息体中提供。在HTML5中用户点击链接地址Web前端向后端发起GET请求在HTML5中用户提交表单Web前端可以向后端发起GET请求也可以发起POST请求。说明由于目前没有和后端服务器对接为了便于对表单设计进行展示下面的例子HTML文档都是用GET请求来提交数据。3、表单的主要元素元素表示表单元素表单中的输入控件输入控件可以是文本框、单选框、复选框、按钮等等元素表单中的标签控件元素表单中的按钮控件与元素用于实现列表框和下拉菜单元素多行文本控件。4、表单提交文本框的输入下面是一个可以提交文本框输入的HTML文档 form001 请输入您的姓名 在浏览器中打开该HTML文档时展示效果如下我们可以在文本框中输入信息例如输入tom当我们点击“提交”按钮后浏览器显示信息如下可以看到数据被提交给process.html页面并且附带了一个参数name且值为我们输入的tom。5、表单提交用户对单选框的选择下面是一个可以提交单选框被选信息的HTML文档 form002 性别 男 女国籍 中国 美国 日本 英国 其它 在浏览器中打开该HTML文档时显示效果如下我们可以选择性别和国籍例如我们选择“男”和“中国”当我们点击“提交”按钮后浏览器显示信息如下可以看到我们选择的信息被提交给process.html文件并且附带了gender参数的值为malenationality参数的值为Chinese。6、表单提交用户对复选框的选择下面是一个可以提交复选框被选信息的HTML文档 form003 请选择您的业余爱好 美术 足球 唱歌 厨艺 其它 在浏览器中打开该HTML文档时显示效果如下我们可以选择自己的业余爱好例如我们选择足球、唱歌、厨艺当我们点击“提交”按钮后浏览器显示信息如下可以看到我们选择的信息被提交给process.html文件并且附带了三个hobby参数其值分别为FootballSinging和Cook。7、表单提交用户对下拉菜单的选择下面是一个可以提交下拉菜单被选信息的HTML文档 form004 请选择您的学历 小学初中高中大学请选择您的兴趣爱好 美术足球唱歌厨艺其它 在浏览器中打开该HTML文档时显示效果如下我们可以单选我们的学历也可以通过按下Shift鼠标键多选我们的兴趣。例如我们选择“初中”学历选择“美术”和“厨艺”两项爱好当我们点击“提交”按钮后浏览器显示信息如下可以看到我们选择的信息被提交给process.html文件并且附带了education参数和两个hobby参数education的值为junior_high_schoolhobby的值为Art和Cook。上面列举了几种控件的HTML5表单设计方法其它的控件也大概差不多把多个控件组合在同一个元素中的方法也是相同的这里就不再赘述了。
