`
congpeixue
  • 浏览: 277141 次
  • 性别: Icon_minigender_1
  • 来自: ...
社区版块
存档分类
最新评论

input属性

    博客分类:
  • CSS
阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>input</title>
<style type="text/css">
<!--
input {border:1px solid #c00; background:#fff; }
input {star : expression(
onmouseover=function(){this.style.backgroundColor="#eee"},
onmouseout=function(){this.style.backgroundColor="#fff"})}
.in40 {width:40px;}
.in80 {width:80px;}
.in120 {width:120px;}
.in200 {width:200px;}
-->
</style>
</head>
<body>
姓名:<input class="in80" type="text" /><br />
年龄:<input class="in40" type="text" /><br />
性别:<input class="in40" type="text" /><br />
手机:<input class="in120" type="text" /><br />
地址:<input class="in200" type="text" /><br />
</body>
</html>
分享到:
评论

相关推荐

    Struts1中怎样实现DispatchAction配置多个input属性\Struts1中怎样实现DispatchAction配置多个input属性

    Struts1中怎样实现DispatchAction配置多个input属性\Struts1中怎样实现DispatchAction配置多个input属性

    HTML5表单中新增的input属性1.pdf

    本文档主要关注HTML5中新增的三个input属性:autocomplete、autofocus和form。 1. **autocomplete属性**: autocomplete属性允许开发者控制表单字段是否启用浏览器的自动填充功能。这个属性可以设置为"on"、"off...

    HTML5表单中新增的input属性3.pdf

    HTML5为表单带来了许多增强的功能,其中关键的一环是新增的input属性。这些属性使得表单输入更加灵活,提供了更好的用户体验和数据验证。以下是四个主要的新增属性的详细说明: 1. **multiple** 属性: 在HTML5...

    HTML5表单中新增的input属性2案例.pdf

    HTML5在表单元素中引入了多个新的input属性,这些属性极大地增强了表单的功能和用户体验。以下是基于案例的三个关键属性的详细说明: 1. **image类型input的height和width属性** 在HTML5中,`&lt;input type="image"&gt;...

    HTML5表单中新增的input属性1案例.pdf

    HTML5在表单功能上做了许多增强,引入了一系列新的input属性来提高用户体验和表单的交互性。这里我们将深入探讨三个关键的新属性:autocomplete、autofocus和form,通过案例来理解它们的作用。 1. autocomplete属性...

    HTML5表单中新增的input属性2.pdf

    - `formaction`: 此属性允许为`&lt;input type="submit"&gt;`或`&lt;input type="image"&gt;`元素指定一个不同的处理表单动作的URL,覆盖了`&lt;form&gt;`标签的`action`属性,这意味着同一个表单的不同提交按钮可以有不同的目标地址...

    HTML5(软件品牌)-1期 13 教学课件_单元5_HTML5的input属性.pdf

    form属性允许将input元素关联到一个或多个表单,即使input元素在表单元素外部。通过指定表单的ID,input元素仍可作为该表单的一部分。例如: ```html &lt;input type="text" name="address1" form="form1" /&gt; ``` ...

    js正则表达式之input属性($_)RegExp对象属性介绍

    在本篇文章中,我们将详细介绍RegExp对象的一个静态只读属性——input属性,及其相关的属性$_。 首先,RegExp对象是JavaScript中的一个内置对象,用于处理正则表达式。它具有一些属性,这些属性能够提供正则表达式...

    html5 input属性使用示例

    综上所述,HTML5的input属性为开发者提供了多种工具来创建更复杂、更灵活的表单。通过理解和正确使用这些属性,开发者可以创造出更直观、更易用的用户界面,从而提高用户满意度和交互质量。随着现代Web开发的不断...

    Input XSS最新漏洞及利用

    Input XSS,全称为Input-Based Cross-Site Scripting,是一种常见的Web安全漏洞,允许攻击者通过在输入字段中注入恶意脚本来操纵用户浏览器的行为。这种漏洞通常发生在网站未能正确过滤或转义用户提供的数据,导致...

    让input变成不可编辑状态的方法.docx

    和 readonly 属性类似,可以在 input 标签中添加 disabled 属性,以便让 input 变成不可编辑状态。例如:&lt;input type="text" disabled="disabled" /&gt; 3. 使用 JavaScript 代码 可以使用 JavaScript 代码来让 input...

    详解PHP中的 input属性(隐藏 只读 限制)

    本篇文章将详细讲解`input`属性中的几个关键特性:隐藏、只读、失效以及输入限制,并提供相关的JavaScript处理方法。 ### 隐藏属性(`hidden`) `&lt;input type="hidden"&gt;`是一种特殊的输入类型,它创建的字段在页面...

    1HTML5表单属性

    #### 三、新的input属性 ##### 1. **autocomplete** **定义与用法**: - 此属性与前述 `&lt;form&gt;` 中的 `autocomplete` 类似,但仅应用于 `&lt;input&gt;` 元素。 - 可以通过设置为 "on" 或 "off" 来控制是否启用自动补全...

    HTML5&CSS3网页制作:Input元素的其他属性.pptx

    本篇主要讲解Input元素的一些重要属性及其用途。 1. autofocus属性: autofocus属性允许页面加载后自动聚焦到特定的Input元素。例如,当`&lt;input type="password" autofocus="true"&gt;`被使用时,页面加载完成后,...

    input 标签的属性

    ### Input 标签的属性详解 #### 一、概述 在HTML中,`&lt;input&gt;`标签是最常用的表单元素之一,用于收集用户输入的数据。它通过`type`属性定义了不同的输入控件类型,比如文本框、密码框、按钮等。本文将详细介绍`...

    HTML5&CSS3网页制作:Input元素的type属性.pptx

    在HTML5中,`&lt;input&gt;`元素的`type`属性是一个非常重要的特性,它决定了输入框的功能和样式。通过设置不同的`type`属性值,我们可以创建各种类型的输入控件,以满足网页表单设计的需求。 1. **普通文本框(text)** ...

    获取input标签的所有属性的方法

    获取value属性值,其它属性换attr的参数就OK 2.通过点来获取: &lt;!doctype html&gt; &lt;html lang=en&gt; &lt;head&gt; &lt;meta charset=UTF-8&gt; &lt;title&gt;Document&lt;/title&gt; &lt;/head&gt; &lt;...

Global site tag (gtag.js) - Google Analytics