HTML表单

一,表单元素

type

指定元素的类型。text、password、checkbox、radio、submit、reset、file、hidden、image 和 button,默认为 text

name

指定表单元素的名称

value

元素的初始值。type 为 radio时必须指定一个值

size

指定表单元素的初始宽度。当 type 为 text 或 password时,表单元素的大小以字符为单位。对于其他类型,宽度以像素为单位

maxlength

type为text 或 password 时,输入的最大字符数

checked

二,表单语法

<form  method="post"(规定如何发送表单数据      常用值:get|post)

 action="result.html">(表示向何处发送表单数据)

   <p>  名字:<input name="name" type="text" >  </p>

   <p>  密码:<input name="pass" type="password" >  </p>

   <p>

      <input type="submit" name="Button" value="提交按钮"/>

      <input type="reset" name="Reset" value="重置”/>

      <input type="password" name="uname" value="”/>根据之前输入内容自动补全

   </p>

</form>

三,表单元素

1,<input  type="text"(文本框)  name="userName"(文本框名称) value="用户名"(文本框初始值) />,2,<input  type="password "(密码框)  name="pass"(密码框的名称)  size="20"(密码框的长度) />

3,<input name="gen" type="radio"(单选按钮框) value="男"(值)  checked(单选按钮选中状态)  />男

<input name="gen" type="radio" value="女" />女

4,<input type="checkbox"(复选框) name="interest" value="sports"(值)/>香蕉

<input type="checkbox" name="interest" value="talk" checked(复选框选中状态) />西瓜

<input type="checkbox" name="interest" value="play"/>菠萝

5,<input type="reset" (重置按钮) name="butReset"  value="reset按钮"(按钮上显示的文字)>

<input type="submit"(提交按钮) name="butSubmit" value="submit按钮">

<input type="button"(普通按钮) name="butButton" value="button按钮"/>

图片按钮

<input type="image" src="images/login.gif"/(图片路径)>

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

曹莓养乐多多

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值