10

我想把文本框中的第一个字母变成大写字母,但我不知道如何应用它。例如sitholimela

我想将此应用于文本框。

谢谢你的帮助。

4个答案4

重置为默认值
11

请试试这个。它起作用了。

<!DOCTYPE HTML PUBLIC“-//W3C//DTD HTML 4.01过渡//EN”http://www.w3.org/TR/html4/loose.dtd"><html><头部><title>文本框中的首字母大写<script type=“text/javascript”>函数大写(textboxid,str){//最多包含一个字符的字符串if(str&&str.length>=1){       var firstChar=str.charAt(0);var remainingStr=str.slice(1);str=firstChar.toUpperCase()+剩余str;}document.getElementById(textboxid).value=str;}</script><body><form name=“myform”method=“post”><input type=“text”id=“mytextbox”onkeyup=“javascript:大写(this.id,this.value);”></form></body></html>
2
  • 你不需要javascript:在keyup事件中,仅在href公司属于其中需要将其定义为执行代码而不是地址。 评论 2013年8月20日13:23
  • 最好使用其他javascript保持keyup侦听器定义,并保持HTML干净,这样更容易维护。 评论 2013年8月20日13:23
9

CSS公司

输入[类型=文本]{文本转换:大写;}

这将使文本出现就这样。

演示: http://jsfiddle.net/gvee/csC8K/

2
  • 1
    只需注意,这将对字段中的每个单词都起作用,例如。foo酒吧成为Foo酒吧而且它不会改变价值,显示方式。 评论 2013年8月20日12:34
  • 它只是显示它是大写的,但如果您获取文本,它实际上不是大写的。 评论 2014年9月18日4:33
7

在中执行此操作JavaScript脚本,获取节点并替换它价值随着你的转变

var textbox=文档.getElementById('myTextboxId');textbox.value=文本框值.charAt(0).toUpperCase()+文本框值切片(1);

MDN页面

0
4

正在运行演示。。。

http://jsfiddle.net/billymoon/mzXLc/1/

HTML格式

<input type=“text”id=“targetBox”>

Java脚本

var大写=函数(e){//如果第一个字母是小写a-z//**除非需要,否则不要运行replace,以允许选择文本**if(this.value.match(/^[a-z]/)){//替换第一个字母this.value=this.value.replace(/^./,函数(字母){//大写版本return letter.toUpperCase();});}}//键入或通过键盘粘贴时,请收听向上键//听mouseup,以防通过鼠标进行粘贴//选择“up”事件,因为此时操作已完成document.getElementById('targetBox').addEventListener('keyup',大写);document.getElementById('targetBox').addEventListener('mouseup',大写);
1
  • 喜欢这个版本,因为复制粘贴仍然允许小写字符。但不喜欢我使用小写文本时的行为。只要我在文本框中单击,小写文本就会更改。如果我省略了小写文本的mouseup事件,则会出现标记文本并替换旧文本的问题,而新文本会添加到末尾。 评论 2020年10月23日11:22

你的答案

单击“发布您的答案”,表示您同意我们的服务条款并确认您已阅读我们的隐私政策.

不是你想要的答案吗?浏览已标记的其他问题问你自己的问题.