HTML基础总结–表单与页面控件(三)

继续接上篇HTML基础总结–框架和浮动窗口(二)

HTML基础总结--表单与页面控件(三)

<input>

1、<input type="">标记用来定义一个用户输入区,用户可在其中输入信息

2、<input type="">标志中共提供了多种类型的输入区域,具体是哪一种类型由type属性来决定

3、type属性常用的值可以是:text(文本框)、password(密码框)、hidden(隐藏域)、checkbox(复选框)、radio(单选框)、button(按钮)、submit(提交按钮)、reset(重置按钮)、image(图片按钮)

单选按钮

基本用法:<input  type="radio" value="男" checked="checked">

注意:同一组单选框的name值必须相同

复选框

基本用法: <input type="checkbox" name="interest" value="talk">

按钮

按钮有四种类型,如下所示:

1、普通按钮:<input type="button"> 该类按钮直接点击不起作用,需要结合javascript一起使用

2、提交按钮:<input type="submit"> 点击该按钮时就会连接到表单form属性action指定的url地址

3、图片按钮:<input type="image" src=""> 将src指定的图片显示为按钮,点击即可提交

4、重置按钮: <input type="reset">  点击该按钮可以清空表单中的所有内容

多行文本域

基本用法:<textarea name="protocol" cols="40" rows="6">默认内容</textarea>

未完待续...

下篇传送阵:HTML基础总结–CSS定义与应用(四)

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

    A+
发布日期:2016年02月20日  所属分类:HTML  Web
标签:

发表评论

gravatar

:?::razz::sad::evil::!::smile::oops::grin::eek::shock::???::cool::lol::mad::twisted::roll::wink::idea::arrow::neutral::cry::mrgreen:

目前评论:3   其中:访客  2   博主  1

  1. avatar 阅乎之 2

    input 还有个 file 文件域
    inpur text 还可以设置maxlength 最多输入多少个字符
    还有个 disabled 属性

    多行文本域,可以设置 readonly 属性!只读!比如注册前需知,可以用到!
    cols代表跨多少列,多少个字符宽;rows跨多少行,多少个字符高!

评论加载中...