精华内容
下载资源
问答
  • Html中文本框

    千次阅读 2017-07-11 08:18:16
    文件选择是什么? 选择你的头像:type="file" accept="application/image/*"> 选择你的头像: 简历: 简历: Accept:属性的好处是定制文件的选放类型 假如选择的文件是需要上传的话需要在对应的表单属性...

    文件选择框是什么?

    选择你的头像:<inputtype="file"accept="application/image/*">

    选择你的头像:<inputtype="file" accept="application/image/jpeg">

    简历:<inputtype="file" accept="application/pdf/’’>

    简历:<input type="file"accept="doc">


    Accept:属性的好处是定制文件的选放类型


    假如选择的文件是需要上传的话需要在对应的表单属性;列如:

    <form enctype="multipart/form-data">

    下拉列表的好处:

    用户使用方便;操作简单;

    是页面更加整洁;

    更让用户规范输入和统一性;

    列如:

    <formaction="zzzzzzz.html" method="get">
    你来自何方:
    <select name="province">
      <option value="33">
    浙江</option>
      <option value="41">
    河南</option>
      <option value="32">
    江苏</option>
      <option value="36">
    江西</option>
    </select>
    <input type="submit" value="
    提交"/>
    </form>

    标签属性:

    <select>标签定义了一个下拉列表

    <option>标签定义了一个下拉列表的一个选项

    <select>标签定义了name属性定义了提交参数的名字

    <option>标签的内容定义了该选项显示的文本,

                   value属性定义了选中该选项选项时传递的参数值



    多选可通过设置multiple来实现,ctrl+单机可选择多个;

    Multiple可以代替checkbox更方便更整洁;


    <select>标签的size属性定义了下了列表显示框的选择个数,当小于选项个数时,会自动增加一个滚动条;

     格式化快捷键:ctrl+Alt+L

     

    选择默认selected

    <option value="41"selected>河南</option>


    分组总结:

    你打算购买小汽车品牌:
    <select>
        <optgroup label="国产">
        <option value="红旗">红旗</option>
        <optionvalue="BYD">BYD</option>
        <option value="奇瑞">奇瑞</option>
        <option value="benz">奔驰</option>
        </optgroup>
        <optgroup label="日产" disabled>
        <optionvalue="dazong">大众</option>
        <option value="feb">丰田</option>
        </optgroup>
        <optgroup label="名牌">
        <option value="MZ">玛莎拉蒂</option>
        <option value="LandRover">路虎</option>
        </optgroup>
    </select>

    Optgroup 的label属性定义分组显示文字,disabled设置该分组


    Textarea的两种属性:

    Readonly     只读

    Disabled     禁用


    <textarea> 标签定义多行的文本输入控件。

    文本区中可容纳无限数量的文本,其中的文本的默认字体是等宽字体(通常是 Courier)。

    可以通过 cols 和 rows 属性来规定 textarea 的尺寸,不过更好的办法是使用 CSS 的 height 和width 属性。

    注释:在文本输入区内的文本行间,用 "%OD%OA" (回车/换行)进行分隔。

    提示:可以通过 <textarea> 标签的 wrap 属性设置文本输入区内的换行模式。有关 wrap属性的详细信息

    <form action=""method="get">
        学习经历:
       
    <textarea rows="2"cols="30"></textarea>
        column
    </form>


    Fieldset属性

    当信息内容较多时可以按照内容进行分组,能够表达清晰的目的;

    Fieldset标签提供将信息分组的形式,分组默认有一个边框。

    fieldset 元素可将表单内的相关元素分组。

    <fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段。

    当一组表单元素放到 <fieldset> 标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界、3D 效果,或者甚至可创建一个子表单来处理这些元素。<legend>标签作要是文本的标题

    列如:

    <form action="zzzzzzz.html"method="get">
        <fieldset>
            <legend>个人基本信息</legend>
        姓名:<input type="text"name="name">
        <br>
        性别:<input type="text"name="sex">
        <br>
        年龄:<input type="text"name="age">
        </fieldset>
        <fieldset>
         <legend>个人经历</legend>
        专业:<input type="text"name="career">
        <br>
        姓名:<input type="text"name="name">
        <br>
        性别:<input type="text"name="sex">
        </fieldset>
        <fieldset>
        <legend>学习经历</legend>
         年龄:<input type="text"name="age">
        <br>
         姓名:<input type="text"name="name">
         <br>
         性别:<input type="text"name="sex">
        </fieldset>
    </form>


    隐藏区域

    就是向服务器传递 参数,无需登录,用户也看不见实现了隐藏域!

        <title>隐藏域的使用</title>
    </head>
    <body>
    <form action="result.html"method="get">
        &nbsp;号:<inputtype="hidden"name="stuNO"value="007">
        <br>
        原密码:<input type="password"name="old">
        <br>
        新密码:<input type="password"name="new">
        <br>
        <input type="submit"value="修改密码">

    </form>


    200 出现表示跳转成功,成功处理请求!

    http头部F12打开调试窗口,切换到网页(network)

    提供了四种数据


    Genral

    Response Headers

    Request Headers

    Form Data

    表格


    表格是由:标题 表头 主题 表尾 组成;

    <table>定义一个表格

    <caption>定义表格的标题

    <theah>定义表头部分

    <tfoot>定义表尾,一般显示汇总信息

    <tr>定义一列<th>定义一个数据项(单元格)

    <td>一般用于表头,有加粗样式<td>一般用于表格主体部分,没有加粗样式

    <td>的rowspan和colspan分别定义单元格跨行的行数,跨列的列数

    table 布局

    布局:结构清晰页面美观;是一个页面的整体结构;

    结构特点:从左往右,从上到下,每行高度一致;



    展开全文
  • 验证html中文本框中数字、字母和汉字的长度
  • HTML中文本框的区别

    千次阅读 2014-05-11 11:31:33
    HTML中,有两种方式来表现文本框:一种是使用元素的单行文本框,另一种是使用

    在HTML中,有两种方式来表现文本框:一种是使用<input>元素的单行文本框,另一种是使用<textarea>标记的多行文本框。


    一、单行文本框

    1、必须将<input>的type属性设为text;

    2、通过size属性指定显示的字符数,value属性指定初始值,Maxlength属性指定文本框接受收入的最大字符数

    <input type="text" value="initial value" size="25" maxlength="50"/>
    以上示例创建了一个初始值为initial value、显示字符数为25、最大输入字符数是50的文本框。


    二、多行文本框

    1、使用<textarea>标签;

    2、使用rows、cols来指定大小;

    3、初始值必须放在<textarea>和</textarea>之间;

    4、不能指定其最大字符数

    示例:

    <textarea rows="5" cols="20">initial value</textarea>

    ps:对于二者,在HTML中,用户输入的内容都将保存在value属性中,所以在对脚本的处理当中,建议用value属性去读取或者设置文本框的值,不建议使用DOM方法,因为对value属性作的修改不一定反应在DOM中。

    展开全文
  • placeholder 属性是 HTML5 中的新属性。 该提示会在输入字段为空时显示,并会在字段获得焦点时消失。 类似于js的onBlur获取焦点加onFocus失去焦点 说白了就点击空白处,文本框值为placeholder ,点击文本框,文本框...

    placeholder 属性是 HTML5 中的新属性。

    该提示会在输入字段为空时显示,并会在字段获得焦点时消失。

    类似于js的onBlur获取焦点加onFocus失去焦点

    说白了就点击空白处,文本框值为placeholder ,点击文本框,文本框值就为空

    <"input type=“search” name=“User_Name” placeholder=“请输入账号” />

    展开全文
  • HTML中文本框和按钮如何设置大小

    万次阅读 多人点赞 2013-07-16 08:06:52
    html中文和按钮如果直接用 width=“100” height=“100”来设置大小,是不能实现效果的,必须使用style=“width:100px;height:100px”. 例子如下: 文本框; 按钮:

    html中文版框和按钮如果直接用 width=“100” height=“100”来设置大小,是不能实现效果的,必须使用style=“width:100px;height:100px”.

    例子如下:

    文本框;

    <input type="text" style="width:420px;height:30px">
    按钮:
    <input type="button" style="width:90px;height:30px;" value="百度一下" name="bt" />

    展开全文
  • html中文本框加背景图片

    万次阅读 2012-09-21 14:56:35
    input type= "text " style= "background-color:#ccc;color:yellow;font-size:11pt ">  input type= "text " style= "background-image:url( 'banner.jpg ') ">
  • 最近公司新来的一个实习生在 开发系统 ...关于表单元素属性readonly和disabled的更多详情,可以参考W3C上的介绍内容:http://www.w3.org/TR/REC-html40/interact/forms.html#h-17.12
  • html中相关代码:first:&lt;input type="text" id="first"/&gt;&lt;br&gt;second:&lt;input type="text" id="second"/&gt;&lt;button onclick...
  • #coding:utf-8 import urllib,urllib2 import Tkinter #导入TKinter模块 ytm=Tkinter.Tk() #创建Tk对象 ytm.title("login") #设置窗口标题 ytm.geometry("300x300") #设置窗口尺寸 ...l1.pack() #指...
  • 判断表单中的文本框的内容是否为空的方法有很多...1.通过PHP语句判断 :html中内容:php中内容://submit.phpif(isset($_POST['text']) && strlen(trim($_POST['text']))>0)echo '不空';elseecho '空 ';?&...
  • 这个对于大部分初学者来说都是很难的,小猿圈Python讲师会每天为大家选择分享一个知识点,希望对你学习Python有所帮助,今天分享的就是批量获取html内body内容的方法。现在有一批完整的关于介绍城市美食、景点等的...
  • 文本域 .textArea{ margin: 10px 10px; width: 80%;  height:150px; padding: 1;  min-height: 120px;   max-height: 300px;  _height: 120px;   margin-left: auto;   margin-right: auto;
  • Asp.net中文本框全选

    热门讨论 2016-04-20 20:59:20
    1.在html页面中天机textBox控件 2.在窗体加载事件中添加代码 txtSupplier.Attributes.Add("onfocus", "this.Focus()");  这样就很简单的实现了当鼠标滑过文本框时全选的效果。
  • C#-WinForm中文本框的中文乱码问题

    千次阅读 2016-03-20 15:52:00
    上面这句话可以解决textbox中的中文乱码问题来自为知笔记(Wiz)附件列表QQ图片20151218124007.png 转载于:https://www.cnblogs.com/weloveshare/p/5297980.html
  • 鼠标点击文本后出现蓝边框,让它隐藏或消失 首先给文本框添加一个选择区,这里假设是 class=“input”,css如下 .input:focus{ border:none; outline:none; } 本文转自 沉迷学习中 51CTO博客,原文链接:...
  • js中文本框的事件

    2012-11-22 10:24:00
    &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns="...
  • [转载]备忘:VC++6.0 获取其他窗口中文本框内容 (2014-03-25 10:43:46) ...原文地址:获取其他窗口中文本框内容" href="http://blog.sina.com.cn/s/blog_576b7081010130z1.html" target="_blank">备忘:VC++6.0 获
  • html> <head><title>哈哈</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> </head> <body> 用户名:<input type="text" name="user...
  • 页面HTML代码及js脚本 代码 代码如下: <%@ Page Language=”C#” AutoEventWireup=”true” Codebehind=”Default.aspx.cs” Inherits=”WebApp._Default” %> <!DOCTYPE html PUBLIC “-//W3C//DTD XHT
  • 转载于:https://www.cnblogs.com/MyFlora/archive/2013/06/06/3120636.html
  • textbox1.Attributes.Add("onfocus","this.select()");textbox1.Focus(); 摘自:http://soaspx.com/dotnet/asp.net/tech/tech_20091202_1886.html
  •    style="width: 400px;   min-height: 120px;   max-height: 300px;  _height: 120px;   margin-left: auto;   margin-right: auto;  ...Html代码如下 ...DOCTYPE html > <html> ...</html>
  •  浏览网页的时候我们经常会遇到输入内我们输入前几个字,输入框就会出现下拉提示你可能要输入的完整信息。如下:   要实现着这种功能可以使用datalist属性就行。具体实现代码为: [html] view
  • 由于项目需要,在table列数很多,需要填写的数据量多时,往往需要用方向键来控制焦点的位置,所以就写了一个。由于keyCode的原因,目前不兼容火狐! &lt;%@ Page Language="...DOCTYPE html P...
  • html 代码 <form> <input type=”text” name=”text1” id=”text1” /> <input type=”submit” name=”button” id=”button” value=”提交” /> </form> CSS 代码 #tex...
  •    style="width: 400px;   min-height: 120px;   max-height: 300px; ...Html代码如下 ...DOCTYPE html > <html> ...</html> ...转载于:https://www.cnblogs.com/mengjiulong/p/9086973.html
  • var bd = Ext.getDom('randCode');... //其上级容器 bd2.createChild([{tag:'span',id:'xx',html:'&lt;input value="..." type=button onclick=alert("HI")&gt;&lt;/...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 838
精华内容 335
关键字:

html中文本框