美文网首页
form表单的使用

form表单的使用

作者: 嘴角的西瓜籽 | 来源:发表于2022-06-30 15:36 被阅读0次

01:表单的常用元素

02:input元素的type属性


元素及属性演练 标注:radio的name必须一致,才能互斥

03按钮的两种实现方式


04:模仿百度搜索

04input和label的关系

鼠标点击手机号,密码可以聚焦输入框   

鼠标点击 男   女  可以聚焦单选框

05布尔属性

06 name和value

当表单提交时,协议头://主机/路径?key=value

name=key  所以表单提交时  name必须有

使用规则,input元素text password textarea属性一般只需定义name,value值取自输入框内容

radio checkbox select 属性就需要定义value,否则服务器不知道取哪个值

譬如选择高中,性别女,那么提交表单   协议头://主机/路径?edu=2&sex=female

如果多选提交,性别男   协议头://主机/路径?edu=2&edu=3&sex=male

补充:form的常用属性

相关文章

  • 关于vue v-decorator

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

  • 表单上传的几种方法

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

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

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

  • springmvc 10 表单与验证

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

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

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

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

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

  • HTML表单

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

  • 3. HTML form表单的用法

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

  • HTML表单使用方法

    Html中的form表单常用于用户信息的填写和提交,在前端开发中使用较为广泛。 form对象 建立一个form表单...

  • _姜3

    @form表单form使用HTML5语法,顶部需添加说明 = = = = = = =...

网友评论

      本文标题:form表单的使用

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