Jsf-inputtextarea-tag

提供:Dev Guides
移動先:案内検索

JSF-h:inputTextarea

h:inputTextタグは、「text」タイプのHTML入力要素をレンダリングします。

JSFタグ

<h:inputTextarea row = "10" col = "10" value = "Hello World!
   Everything is fine!" readonly = "true"/>

レンダリングされた出力

<textarea name = "j_idt18:j_idt20" readonly = "readonly">
   Hello World! Everything is fine!</textarea>

タグ属性

S.No Attribute & Description
1

id

コンポーネントの識別子

2

binding

バッキングBeanで使用できるコンポーネントへの参照

3

rendered

ブール値。 falseはレンダリングを抑制します

4

styleClass

カスケードスタイルシート(CSS)クラス名

5

value

コンポーネントの値、通常は値バインディング

6

valueChangeListener

値の変更に応答するメソッドにバインドするメソッド

7

converter

コンバータークラス名

8

validator

作成され、コンポーネントにアタッチされるバリデーターのクラス名

9

required

ブール値。 trueの場合、関連フィールドに値を入力する必要があります

10

accesskey

通常、システム定義のメタキーと組み合わせて、要素にフォーカスを与えるキー

11

accept

フォームのコンテンツタイプのカンマ区切りリスト

12

accept-charset

フォームの文字エンコードのコンマまたはスペース区切りリスト。 accept-charset 属性は、 acceptcharset という名前のJSF HTML属性とともに指定されます。

13

cols

列の数

14

border

要素の境界線幅のピクセル値

15

charset

リンクされたリソースの文字エンコード

16

coords

形状が長方形、円、または多角形である要素の座標

17

dir

テキストの方向。 有効な値は、 ltr (左から右)および rtl (右から左)です。

18

disabled

入力要素またはボタンの無効状態

19

hreflang

  • href* 属性で指定されたリソースのベース言語。 *hreflang* は *href* でのみ使用できます。
20

lang

要素の属性とテキストの基本言語

21

rows

行の数

22

readonly

入力フィールドの読み取り専用状態。テキストは読み取り専用フィールドで選択できますが編集できません

23

style

インラインスタイル情報

24

tabindex

タブインデックスを指定する数値

25

target

ドキュメントが開かれているフレームの名前

26

title

アクセシビリティのために使用される、要素を説明するタイトル。 視覚的なブラウザは通常、タイトルの価値に関するツールチップを作成します

27

type

リンクのタイプ。たとえば、 stylesheet

28

width

要素の幅

29

onblur

要素がフォーカスを失います

30

onchange

要素の価値の変化

31

onclick

マウスボタンが要素上でクリックされた

32

ondblclick

マウスボタンが要素上でダブルクリックされます

33

onfocus

要素がフォーカスを受け取る

34

onkeydown

キーが押された

35

onkeypress

キーが押され、その後解放されます

36

onkeyup

キーが解放されます

37

onmousedown

マウスボタンが要素上で押されています

38

onmousemove

マウスが要素の上を移動する

39

onmouseout

マウスは要素の領域を離れます

40

onmouseover

マウスが要素の上に移動する

41

onmouseup

マウスボタンが離された

42

onreset

フォームがリセットされました

43

onselect

入力フィールドでテキストが選択されています

44

immediate

ライフサイクルの早い段階でのプロセス検証

応用例

上記のタグをテストするテストJSFアプリケーションを作成しましょう。

Step Description
1 Create a project with a name helloworld under a package com.finddevguides.test as explained in the JSF - First Application chapter.
2 Modify home.xhtml as explained below. Keep rest of the files unchanged.
3 Compile and run the application to make sure business logic is working as per the requirements.
4 Finally, build the application in the form of war file and deploy it in Apache Tomcat Webserver.
5 Launch your web application using appropriate URL as explained below in the last step.

home.xhtml

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

<html xmlns = "http://www.w3.org/1999/xhtml">
   <head>
      <title>JSF Tutorial!</title>
   </head>

   <body>
      <h2>h:inputTextArea example</h2>
      <hr/>

      <h:form>
         <h3>Read-Only input text area</h3>
         <h:inputTextarea row = "10" col = "10" value = "Hello World!
            <br/> Everything is fine!" readonly = "true"/>
         <h3>Normal input text area</h3>
         <h:inputTextarea value = "Hello World! <br/> Everything is fine!"/>
      </h:form>

   </body>
</html>

すべての変更を完了したら、JSF-最初のアプリケーションの章で行ったようにアプリケーションをコンパイルして実行します。 すべてがアプリケーションで問題ない場合、次の結果が生成されます。

JSF h:inputTextarea