专栏首页菜鸟计划我的HTML总结之表单

我的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表单详解——小白速会

    一、基本用法 你可以用 v-model 指令在表单 <input> 及 <textarea> 元素上创建双向数据绑定。 但 v-model 本质上不过是语法糖。...

    柴小智
  • redux基础概念及执行流程详解

    全局有一个公共的容器(所有组件都可以操作),我们可以在某个组件中把全局容器中的信息进行修改,而只要全局信息修改,就可以通知所有用到该信息的组件重新渲染(类似于发...

    柴小智
  • javascript 面向对象(实现继承的几种方式)

     1、原型链继承 核心: 将父类的实例作为子类的原型 缺点: 父类新增原型方法/原型属性,子类都能访问到,父类一变其它的都变了 function...

    柴小智
  • 7-2.表单-HTML基础

    <input type="radio" name="组名" value="取值" />

    见贤思齊
  • 【JavaScript小项目】省市联动

    efonfighting
  • php学习之html–精彩回顾(七)

    吾爱乐享
  • JS示例32-表单事件(onchange)

    专注APP开发
  • 第4课 python input()函数

    上次,我们已经总结过基本的内容,今日我们说input() 其实也 已经说过了。。。。检讨完,还是该干嘛的要干嘛,写完日志再走。刚刚好我们也遇到最少的内容。。。。...

    py3study
  • 关于html的input元素,property和attribute的区别

    之前在项目中遇到一个很tricky的关于html的input元素的问题,个人觉得挺有意思,于是记录下来。这个问题也是在ui的自动化测试中,可能会碰到的一个问题。

    Bruce Li
  • csdn: 添加站内搜索框

    CSDN博客 对我来说是一个很重要的 Online Notebook,我日常会把每天新学到的东西都记录下来以方便将来查阅。

    JNingWei

扫码关注云+社区

领取腾讯云代金券