我的HTML总结之表单

表单是Web中实现交互的重要方法,用于收集用户信息并提交给服务器。

表单中的9大控件

<input type="text" name="key" value="123" readonly="readonly" disabled="disabled"/> 简写表单中的一些属性: 1.表单的name 属性用于对提交到服务器后的表单数据进行标识,是一种key-value的对应形式,看一下后端处理:string name = context.Request.Form["key"]; 但现在一般都不用再写name了,都换另一种方式取值了。 2.value就是在input框里面写的值。 3.readonly只读属性。 4.disabled让按钮变灰,不可用。

<input type="password"/>  

<selected>

  <option value="1" selected>1</option>

  <option value="2">2</option>

  <option value="3">3</option>

</selected>

<input type="radio" name="like" value="喜欢" checked="checked"/>  <input type="radio" name="like" value="不喜欢"/>

<input type="checkbox" name="run" value="跑步" checked="checked"/>  <input type="checkbox" name="pa" value="爬山"/>

<input type="file">

<textarea rows="5" cols="10"></textarea>

<input type="submit" value="注册"/>   <input type="reset" value="取消"/>  
<input type="button" value="提交按钮"/>  <input type="image" src="aaa.jpg">

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏vue学习

12、vue-awsome-swiper与轮播图组件

1、上篇我们为了便于展示,把头部my-header组件放在了App.vue页面,现在我们删掉App.vue里面的头部组件然后我们在view文件里面新建一个hom...

3513
来自专栏cnblogs

Webpack+Vue如何导入Jquery和Jquery的第三方插件

创建一个jquery-vendor.js文件 import $ from 'jQuery'; console.log($); window.$ = $; win...

26910
来自专栏用户3030674的专栏

Android 全局使用第三方字体

    将文件放入工程assets目录下。(一般个人习惯单独命名一个文件夹放字体文件,也可直接放入根目录,但记得改引用路径)

2912
来自专栏前端人人

React技巧2(避免无意义的父节点)

本教程总共5篇,每日更新一篇,请关注我们!你可以进入历史消息查看以往文章,也敬请期待我们的新文章! 1.React 技巧1(状态组件与无状态组件的使用) --...

3545
来自专栏一枝花算不算浪漫

[小知识点]绝对路径与相对路径.

31311
来自专栏代码GG之家

Scoops android app多主题架构(四)

使用Scoops ? 1:MainApp ? 使用addDayNightFlavor将一个主题设置为DayNight模式 2:在对应的主题里面配置上文本...

2106
来自专栏王磊的博客

EasyUI中那些不容易被发现的坑——EasyUI重复请求2次的问题

问题控件:datagrid、combobox、所有能设置url属性的控件 问题版本:1.4.4、1.4.5(之前的版本没测) 问题如图: ? 重复请求2次,错误...

3285
来自专栏大前端开发

使用mpvue开发小程序教程(三)

在上一篇文章中,我们熟悉了一下通过vue-cli生成的mpvue工程代码骨架的基本结构,大致了解了每一个部分的代码到底要放到何处。从本文起我们就开始涉及真正的编...

3583
来自专栏用户画像

H5无插件范式

过去,很多功能只能通过插件或者复杂的hack(本地绘图API、本地socket等)来实现,但是在HTML5中提供了对这些功能的原生支持。

832
来自专栏微信小程序开发

小程序不同页面之间的传值方式

今天来说一下小程序不同页面之间传值的几种方式: 1、URL传值 这种方式最常用,比如: wx.navigateTo({ url: '../detail/d...

68610

扫码关注云+社区

领取腾讯云代金券