Javascript 单击以填充文本

我一直在使用以下工具：

<form onsubmit="javascript: alert('sending...'); return false;">
<input type="text" id="screen" />
<div id="keypad">
    <button>7</button>
    <button>8</button>
    <button>9</button>
    <br />
    <button>4</button>
    <button>5</button>
    <button>6</button>
    <br />
    <button>1</button>
    <button>2</button>
    <button>3</button>
    <br />
    <button>0</button>
</div>
</form>

7.
8.
9


4.
5.
6.


1.
2.
3.


0

window.onload=函数（）{
var screen=document.getElementById（'screen'），
keypad=document.getElementById（'keypad'），
按钮=键盘。getElementsByTagName（'button'）；
对于（变量i=0；i

（）

---

我想把文本框放大很多，我该怎么做？想要更大的高度和长度。

添加这样的类，并使用css更改元素

.bigger
{
    width: 100px;
    height: 30px;
}

<input class="bigger" type="text" id="screen" />

.biger
{
宽度：100px；
高度：30px；
}

CSS是解决方案：

#screen
{
    width: 500px;
    height: 50px;
    font-size: 40px;
}
#keypad button
{
    width: 165px;
    height: 50px;
}

---

在JSFIDLE jou的CSS部分中，在真实的网站中，您将其放入.CSS文件中：

欢迎使用SO。你试过的代码在哪里？对不起，我有点傻，只是想为工作做点什么。我应该把它放在代码的什么地方？或者创建一个css文件，或者把它放在标签中。请先学习基本的html和css刚刚尝试过这个，它很有效。如何从框的顶部填充文本，然后在到达行的末尾时转到下一行？您可能希望使用多行输入。用法参考：一直在阅读该网站，但仍然看不到如何使用而不是使用怪异，这可能是JSFIDLE的问题。

#screen
{
    width: 500px;
    height: 50px;
    font-size: 40px;
}
#keypad button
{
    width: 165px;
    height: 50px;
}