共用方式為


HtmlTextArea.Cols 屬性

定義

取得或設定 HtmlTextArea 控制項的寬度 (以字元為單位)。

public:
 property int Cols { int get(); void set(int value); };
public int Cols { get; set; }
member this.Cols : int with get, set
Public Property Cols As Integer

屬性值

Int32

HtmlTextArea 控制項的寬度 (以字元為單位)。 預設值為 -1,表示這個屬性未設定。

範例

下列程式碼範例示範如何使用 Cols 屬性來控制控制項的 HtmlTextArea 寬度。

<%@ Page Language="C#" AutoEventWireup="True" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">

  void SubmitBtn_Click(Object sender, EventArgs e)
  {
    TextArea1.Cols = Convert.ToInt32(Select1.Value);
    Span1.InnerHtml = "You wrote: <br />" + TextArea1.Value;
  }

</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
   <title>HtmlTextArea Example</title>
</head>

<body>

   <form id="form1" runat="server">

      <h3>HtmlTextArea Example</h3>

      Enter your comments: <br />

      <textarea rows="2" cols="20" id="TextArea1" 
                runat="server"/>

      <br />
      Select column width: <br />

      <select id="Select1"
              runat="server">

         <option value="10" selected="selected"> 10 </option>
         <option value="20"> 20 </option>
         <option value="30"> 30 </option>
         <option value="40"> 40 </option>
         <option value="50"> 50 </option>
         <option value="60"> 60 </option>

      </select>

      <br /><br />

      <input type="submit"  
             value="Submit" 
             onserverclick="SubmitBtn_Click" 
             runat="server"/>

      <br />

      <span id="Span1" 
            runat="server" />

   </form>

</body>
</html>
<%@ Page Language="VB" AutoEventWireup="True" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">

  Sub SubmitBtn_Click(ByVal sender As Object, ByVal e As EventArgs)
      
    TextArea1.Cols = CInt(Select1.Value)
    Span1.InnerHtml = "You wrote: <br />" + TextArea1.Value
      
  End Sub

</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
   <title>HtmlTextArea Example</title>
</head>

<body>

   <form id="form1" runat="server">

      <h3>HtmlTextArea Example</h3>

      Enter your comments: <br />

      <textarea rows="2" cols="20" id="TextArea1" 
                runat="server"/>

      <br />

      Select column width: <br />

      <select id="Select1"
              runat="server">

         <option value="10" selected="selected"> 10 </option>
         <option value="20"> 20 </option>
         <option value="30"> 30 </option>
         <option value="40"> 40 </option>
         <option value="50"> 50 </option>
         <option value="60"> 60 </option>

      </select>

      <br /><br />

      <input type="submit"  
             value="Submit" 
             onserverclick="SubmitBtn_Click" 
             runat="server"/>

      <br />

      <span id="Span1" 
            runat="server" />

   </form>

</body>
</html>

備註

Cols使用 屬性來指定或決定控制項) 字元 (寬度 HtmlTextArea 。 如果您輸入的文字超過文字方塊的寬度,文字會自動在控制項的下一行繼續。

若要控制控制項的高度,請設定 Rows 屬性。

適用於

另請參閱