HTML文本框是一種常用的交互組件,可以讓用戶輸入和編輯文本。在HTML中,文本框可以用<textarea>
標簽來定義。下面是一個簡單的示例:
<textarea rows="4" cols="50"> 此處是文本框中默認的文本內容。 </textarea>
可以通過設置rows
和cols
屬性來定義文本框的行數和列數。對于較長的文本內容,可以使用textarea
標簽來代替單行的<input type="text">
標簽。
如果想要設置文本框的默認值,可以在<textarea>
標簽中添加內容:
<textarea rows="4" cols="50"> 此處是文本框中默認的文本內容。 </textarea>
此代碼將在文本框中顯示默認值“此處是文本框中默認的文本內容。”。
另外,有時候需要限制用戶輸入的字符數,可以使用maxlength
屬性來限制:
<textarea rows="4" cols="50" maxlength="50"> 此處是文本框中默認的文本內容。 </textarea>
在上述代碼中,maxlength
屬性被設置為50,表示最多只能輸入50個字符。
HTML中還有一種常見的圖片標簽<img>
,可以用來顯示圖片。在使用<img>
標簽時,可以設置圖片的大小。下面是指定圖片大小的示例:
<img src="example.jpg" width="500" height="300">
上述代碼中,src
屬性指定了圖片的地址,width
和height
屬性分別指定了圖片的寬度和高度。
需要注意的是,指定圖片的大小可能會導致圖片變形或失真,特別是當圖片的尺寸被放大時。因此,在設置圖片大小時,應該保持圖片的比例不變,避免出現視覺上的變形。