資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
JavaScript
PHP
物理
化學
生物
數學
英語
經濟
心理學
社會學
時尚學
法學HTMLsize 屬性
<input> 元素的 size 屬性用於設定輸入元素的寬度。寬度越大，文字框的寬度就越大。您可以為以下輸入型別設定 size 屬性：文字、搜尋、電子郵件、密碼、電話號碼和 URL。
以下是語法：
<input size="size_num">
其中，size_num 是您需要設定成數字形式的輸入寬度。預設值為 20。
現在，我們來看一個示例，演示如何實現 <input> 元素的 size 屬性：
示例
<!DOCTYPE html> <html> <body> <h2>Register</h2> <form action="" method="get"> Id − <input type="text" name="id" placeholder="Enter UserId here..." size = "25" required><br> Password − <input type="password" name="pwd" placeholder="Enter password here..." required><br> DOB − <input type="date" name="dob" placeholder="Enter date of birth here..."><br> Telephone − <input type="tel" name="tel" placeholder="Enter mobile number here..." required><br> Email − <input type="email" name="email" placeholder="Enter email here..." size = "35"><br><br> <button type="submit" value="Submit">Submit</button> </form> </body> </html>
輸出
在上面的示例中，我們有一些帶有按鈕的欄位：
<form action="" method="get"> Id − <input type="text" name="id" placeholder="Enter UserId here..." size = "25" required><br> Password − <input type="password" name="pwd" placeholder="Enter password here..." required><br> DOB − <input type="date" name="dob" placeholder="Enter date of birth here..."><br> Telephone − <input type="tel" name="tel" placeholder="Enter mobile number here..." required><br> Email − <input type="email" name="email" placeholder="Enter email here..." size = "35"><br><br> <button type="submit" value="Submit">Submit</button> </form>
現在，假設我們想要一個文字框更大，即具有更大的寬度。為此，我們使用 size 屬性以數字形式設定寬度：
<input type="text" name="id" placeholder="Enter UserId here..." size = "25" required>
更新於：2019 年 7 月 30 日
322 次瀏覽
廣告