form表单使用简介

作者: losspm | 来源:发表于2017-04-21 20:01 被阅读11次

HTML表单简介


HTML中的表单就是将用户填写的数据打包发送给服务器,通常情况下利用<form>标签来设置,通常可以设置表单是利用GET方式还是POST方式来传送数据。

表单在浏览器中工作流程


首先浏览器先加载页面,之后用户输入数据,用户提交表单,当浏览器看到这个线索时,就打包所有数据然后发送到服务器,一旦服务器得到这些表单数据,就会将这些数据传递给适当的服务器脚本进行处理。

表单里的内容


几乎任何元素都可以放入表单中,对于<input>表单元素有
文本输入

<input type="text" name="fullname">

提交输入

<input type="submit">

单选钮输入

<input type="radio" name="hotornot" value="hot">

复选框输入

<input type="checkbox" name="fullname" value="salt">

表单里并不只是有<input>元素,还有用于菜单的<select>,用于输入多行文本的<textarea>。还可以通过<option>元素和<select>元素结合使用来创建菜单。

数据的提交


一般利用submit来对数据进行提交

<input type="submit" value="click">

相关文章

  • form表单使用简介

    HTML表单简介 HTML中的表单就是将用户填写的数据打包发送给服务器,通常情况下利用 标签来设置,通常可以设置表...

  • 关于vue v-decorator

    ant-desigin-vue中form表单的使用 form表单的使用 form表单之获取表单的数据 创建表单 通...

  • 七·form表单

    1.form标签简介 网站怎样与用户进行交互?答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送...

  • 表单上传的几种方法

    使用form表单进行提交 使用FormData对象 使用jquery.form.js jquery.form.js...

  • react+antd:Form表单校验不提示错误信息

    使用AntD Form表单验证validator不生效 Form表单Select中设置initialValue 无...

  • Form表单简介

    Form表单的作用、常用的input标签以及作用 表单的作用是搜集用户的输入,用户提交表单时向服务器传输数据,从而...

  • form表单简介

    HTML 表单 表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,比如:文本框text、多行文本框...

  • springmvc 10 表单与验证

    表单 表单用的是springmvc的form标签 引入springmvc的form标签 在form标签中使用mod...

  • JavaWEB前端上传图片的几种方法

    1.表单上传 最传统的图片上传方式是form表单上传,使用form表单的input[type=”file”]控件,...

  • 使用form表单进行前后台传值

    form表单的写法 一、使用原生的form表单 例如通过提交表单进行更新操作,原生表单的写法如下:方法1: 对应的...

网友评论

    本文标题:form表单使用简介

    本文链接:https://www.haomeiwen.com/subject/zccjzttx.html