[Sommaire] [Imprimer]

   1  <com:TContent ID="body">
   2  
   3  <h1>TTextBox Samples</h1>
   4  
   5  <h2>SingeLine Text Boxes</h2>
   6  
   7  <table class="sampletable">
   8  
   9  <tr><td class="samplenote">
  10  Text box with default settings:
  11  </td><td class="sampleaction">
  12  <com:TTextBox />
  13  </td></tr>
  14  
  15  <tr><td class="samplenote">
  16  Text box with customized color, font, columns, maximum length:
  17  </td><td class="sampleaction">
  18  <com:TTextBox
  19      Text="text"
  20      ForeColor="yellow"
  21      BackColor="blue"
  22      Font.Size="14pt"
  23      Columns="4"
  24      MaxLength="6"
  25  />
  26  </td></tr>
  27  
  28  <tr><td class="samplenote">
  29  Text box with vCard support:
  30  </td><td class="sampleaction">
  31  First Name: <com:TTextBox AutoCompleteType="FirstName" />
  32  Last Name: <com:TTextBox AutoCompleteType="LastName" />
  33  </td></tr>
  34  
  35  <tr><td class="samplenote">
  36  Disabled text box:
  37  </td><td class="sampleaction">
  38  <com:TTextBox Text="disabled" Enabled="false" />
  39  </td></tr>
  40  
  41  <tr><td class="samplenote">
  42  Read-only text box:
  43  </td><td class="sampleaction">
  44  <com:TTextBox Text="read only" ReadOnly="true" />
  45  </td></tr>
  46  
  47  <tr><td class="samplenote">
  48  Auto postback text box not causing validation:
  49  </td><td class="sampleaction">
  50  <com:TTextBox
  51      Text="change me"
  52      AutoPostBack="true"
  53      CausesValidation="false"
  54      OnTextChanged="textChanged" />
  55  </td></tr>
  56  
  57  <tr><td class="samplenote">
  58  Auto postback text box causing validation:
  59  </td><td class="sampleaction">
  60  <com:TTextBox ID="TextBox3"
  61      Width="300px"
  62      AutoPostBack="true"
  63      ValidationGroup="Group1"
  64      Text="change me to 'test' and see" />
  65  <com:TRequiredFieldValidator
  66      ControlToValidate="TextBox3"
  67      ErrorMessage="You must enter a value not equal to 'test'."
  68      InitialValue="test"
  69      ValidationGroup="Group1" />
  70  </td></tr>
  71  
  72  <tr><td class="samplenote">
  73  Text box's behavior upon postback:
  74  </td><td class="sampleaction">
  75  <com:TTextBox ID="TextBox1" Text="text" />
  76  <com:TButton
  77      Text="Submit"
  78      OnClick="submitText" />
  79  </td></tr>
  80  
  81  <tr><td class="samplenote">
  82  Safety feature (cross-site scripting prevention):
  83  </td><td class="sampleaction">
  84  <com:TTextBox
  85      ID="TextBox2"
  86      AutoPostBack="true"
  87      Text="<a href=javascript:xxx>test</a>"
  88      Width="200px"/>
  89  <b>SafeText:</b>
  90  <com:TLabel ID="Output"
  91      BackColor="silver"
  92      Text=<%#$this->TextBox2->SafeText%> />
  93  </td></tr>
  94  
  95  </table>
  96  
  97  <h2>Password Text Boxes</h2>
  98  
  99  Password: <com:TTextBox TextMode="Password" />
 100  
 101  
 102  <h2>MultiLine Text Boxes</h2>
 103  
 104  <table class="sampletable">
 105  
 106  <tr><td class="samplenote">
 107  Text box with default settings:
 108  </td><td class="sampleaction">
 109  <com:TTextBox TextMode="MultiLine" />
 110  </td></tr>
 111  
 112  <tr><td class="samplenote">
 113  Text box with customized dimensions, font and content:
 114  </td><td class="sampleaction">
 115  <com:TTextBox TextMode="MultiLine" Rows="6" Columns="60" Font.Italic="true">
 116    <prop:Text>
 117  This is a multiline text box.
 118  In HTML, it is displayed as a textarea.
 119    </prop:Text>
 120  </com:TTextBox>
 121  </td></tr>
 122  
 123  <tr><td class="samplenote">
 124  Disabled text box:
 125  </td><td class="sampleaction">
 126  <com:TTextBox
 127      TextMode="MultiLine"
 128      Text="disabled"
 129      Enabled="false" />
 130  </td></tr>
 131  
 132  <tr><td class="samplenote">
 133  Read-only text box with text-wrapping disabled:
 134  </td><td class="sampleaction">
 135  <com:TTextBox
 136      TextMode="MultiLine"
 137      Text="This is a read-only text box with text-wrapping disabled."
 138      ReadOnly="true"
 139      Wrap="false"/>
 140  </td></tr>
 141  
 142  <tr><td class="samplenote">
 143  Auto postback text box not causing validation:
 144  </td><td class="sampleaction">
 145  <com:TTextBox
 146      TextMode="MultiLine"
 147      Text="change me"
 148      AutoPostBack="true"
 149      CausesValidation="false"
 150      OnTextChanged="textChanged" />
 151  </td></tr>
 152  
 153  <tr><td class="samplenote">
 154  Auto postback text box causing validation:
 155  </td><td class="sampleaction">
 156  <com:TTextBox ID="MultiTextBox3"
 157      TextMode="MultiLine"
 158      AutoPostBack="true"
 159      ValidationGroup="Group2"
 160      Text="change me to 'demo' and see" />
 161  <com:TRequiredFieldValidator
 162      ControlToValidate="MultiTextBox3"
 163      ErrorMessage="You must enter a value not equal to 'demo'."
 164      InitialValue="demo"
 165      ValidationGroup="Group2" />
 166  </td></tr>
 167  
 168  </table>
 169  
 170  </com:TContent>