网站的登录或注册页面,用户名一栏使用的一般为单行文本框。例如 C语言中文网的登录(http://vip.biancheng.net/login.php)或注册(http://vip.biancheng.net/register.php)页面用户名栏的文本框,使用的就是单行文本框。

在 HTML 中,把 标签的 type 属性设置为 text 可以表示单行文本框,又叫做常规文本框。具体语法格式如下:

接下来我们看一个具体的例子:

用户名:

运行效果如图所示:

图1:单行文本框

通过运行结果可以发现,文本框中的值为定义的 value 属性的值。当需要告知用户某一栏数据时,我们通常这样写。如果只是想获取用户输入的数据,通常不设置 value 属性值,由用户自行输入。

注意:文本框的默认数据用户可以进行删除、修改,也可以让它继续保持现有值,提交时会按照文本框现有内容进行提交。

当 标签作为单行文本框使用时,除了 value 属性还可能用到以下两个属性:

1) maxlength属性

表单中,允许使用 maxlength 属性设置文本框中最多可以输入的字符数量(包括空格)。如果我们要对年龄输入框设置,可以这样写:

年龄:

我们都知道,年龄没有超过三位数的,所以我们为年龄文本框设置最多可以输入 3 字符,当用户输入第 4 个字符时,不再允许输入。

2) size属性

size 属性用来定义文本框可见的字符数。可以这样使用:

年龄:

与 maxlength 不同的是,size 定义的是文本框可见的字符数,当用户输入的字符数超出这个值时,还可以输入只是不再显示。

我们不建议为文本框设置 size 属性,目前很少有人这么做。如果需要,应该使用 CSS 设置文本框的宽度。

python创建单行文本框_HTML单行文本框相关推荐

  1. 复选框、单行文本框、组合框

    一.复选框 复选框的操作函数 bool   isChecked()  const  //判断这个复选框是否被选中 void     setChecked(bool)   //设置这个复选框的选中情况 ...

  2. HTML语言中文本框属性,单行文本框属性有哪些

    html里的input文本框怎样单行变多行 多行的就不能使用Input了.需要使用textarea标签属性: textarea代表html的单多行输入域 html多行输入框 tyle="OV ...

  3. Bootstrap 表单控件一(单行输入框input,下拉选择框select ,文本域textarea)

    单行输入框,常见的文本输入框,也就是input的type属性值为text.在Bootstrap中使用input时也必须添加type类型,如果没有指定type类型,将无法得到正确的样式,因为Bootst ...

  4. html表格中插入单行文本框,el-table复选框选中单行或多行点击按钮禁用el-table里面的input输入框该怎么判断?...

    问题: 1.添加数据后下拉框中未显示带入的数据 2.不可以重复添加相同的数据 3.复选框选中单行或多行以后点击按钮禁用对于行的input 大神们 帮忙看看怎么解决啊. Title v-model=&q ...

  5. python设计程序输出一个带文本框和图像的窗体_设计一个文本框 用户在文本框中输入什么 窗体标题就同步显示什么 怎么设计啊...

    展开全部 要求 1.掌握算法的基本概念. 2.掌握基本数据结构及其操作. 3.掌握基本排序和查找算法. 4.掌握逐e68a8462616964757a686964616f31333264626533步 ...

  6. python爬取下拉列表数据_Python+selenium之获取文本值和下拉框选择数据

    Python+selenium之获取文本值和下拉框选择数据 一.结合实例进行描述 1. 实例如下所示: #新增标签操作 def func_labels(self): self.driver.find_ ...

  7. java pdf表单域实现_Java 创建PDF表单域 - 文本框、复选框、列表框、组合框、按钮等...

    表单域包括文本框.复选框.列表框.组合框.按钮和签名域等,主要用于收集用户填写或选择的数据.这篇文章将介绍如何在Java应用程序中给PDF文档添加表单域. 导入jar文件 本文所使用的PDF类库是Fr ...

  8. Python VS VBA 读取Excel中的文本框组件

    作者:小小明 Python读取Excel的文本框 基本需求 今天看到了一个很奇怪的问题,要读取Excel文件的文本框中的文本,例如这种: 本以为openxlpy可以读取,但查看openxlpy官方文档 ...

  9. Python Excel操作模块XlsxWriter之添加文本框 worksheet.insert_textbox()

    worksheet.insert_textbox() insert_textbox(row, col, textbox[, options]) 向工作表单元格添加文本框. 参数: row(int) - ...

  10. Python批量提取docx格式Word文档中所有文本框内的文本

    功能描述: 批量提取指定Word文档(docx格式)中所有文本框中的文本. 测试文件: 参考代码: 执行结果:

最新文章

  1. python 学习笔记 12 -- 写一个脚本获取城市天气信息
  2. C/C++如何传递二维数组?
  3. 机器学习算法精讲20篇(一)-k-means聚类算法应用案例(附示例代码)
  4. 巴巴运动网学习笔记(36-40)
  5. 【做题】CF119D. String Transformation——KMP
  6. 【优化算法】蜻蜓算法(DA)【含Matlab源码 1306期】
  7. 洞穴辐射(radiation)
  8. pytthon django开发php,记录Django开发心得
  9. MATLAB分集接收技术仿真,分集接收技术.doc
  10. 单位根检验urdf_怎样分析单位根检验结果
  11. 树的序列化——浅谈 dfn 与欧拉序列
  12. 使用adb命令修改build.prop文件
  13. python爬表格数据_python爬虫,爬取表格数据
  14. HDU 6608 FansBlog(粉丝博客)(MillerRabin算法+威尔逊算法)
  15. win10下RTX 2080ti安装cuda10.0和cudnn7.6.5
  16. acr38u PHP调用,ACR38智能卡读写器驱动下载
  17. gcc编译 -I头文件目录 -L lib库目录 -l动态库文件
  18. FizzBuzz与写代码的“一万”个细节
  19. 架构师与算法工程师,谁更......
  20. uipath和python哪个好_如何高效学习Uipath Studio?

热门文章

  1. was cached in the local repository, resolution will not be reattempted until the update interval of
  2. 关于人工智能数据标注学习
  3. 马克维茨组合matlab,马克维茨投资组合模型的matlab计算.pdf
  4. 网课题库接口搭建步骤
  5. 时间复杂度与空间复杂度
  6. 2018网易互娱笔试题-手势锁
  7. RTA PAVIA CSD ET04-1 ET04
  8. Windows服务器安全策略配置——简单实用
  9. 计算机硕士论文难写吗,写不出论文该放弃吗_硕士研究生论文速成法_硕士研究生论文 计算机...
  10. 服务器安装Ubuntu Server 18.04及磁盘分区