html制作一个textbox,HTML Textbox

最新推荐文章于 2021-06-25 14:43:45 发布

Valentina瓦贝勒

最新推荐文章于 2021-06-25 14:43:45 发布

阅读量515

点赞数

文章标签： html制作一个textbox

本文详细介绍了HTML中用于创建文本输入框的`<textarea>`元素，包括基本用法、尺寸调整、名称设定及如何在表单中提交文本框内容。通过设置`cols`和`rows`属性可以指定文本框的宽度和高度，`name`属性则允许在脚本中引用文本框的值。当内容超出文本框大小时，会自动出现滚动条。此外，还提及了如何处理表单提交以及获取文本框数据的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML Textbox

This page contains HTML textbox code. This code can be copy/pasted into your own website or blog.

In HTML, you create a textbox by using the element. This element creates a multiline text input field (i.e. one that spans over multiple lines).

Basic TextBox Example

Here's an example of an HTML textbox:

Source CodeResult

This is where the user can enter text...

Textbox Size

You can specify how many columns and how many rows should be visible without the need to scroll. To do this, you need to use the cols and rows attributes.

Source CodeResult

This is where the user can enter text. If there's too much text, the textbox can develop scrollbars to accommodate the extra text...

Textbox Name

The element also accepts a name attribute. This name can be referred to within any script that processes the contents of the textbox.

Source CodeResult

This textbox has been given a name of "myTextBox". This can be used by any script that process the contents of this textbox (once it's been submitted to the server).

Submitting Your Textbox

In HTML, textboxes are usually displayed as one of many elements within a form. HTML forms usually have a "Submit" button (along with type="submit"). When the user clicks the "Submit" button, the form is submitted to its "action" page (which is specified using the action attribute). It's this "action" page that is responsible for processing the contents of the form.

In our example below, the "action" page simply displays back the contents of the form. It is able to do this by checking the contents of the url.myTextBox parameter (which is passed to the action page when the user submits the form).

Source CodeResult

Enter some text...

You can also change the textbox color and create a textbox border.

Check out this article with more textarea codes that you can copy/paste into your website or blog.