ページにユーザー入力を受け入れるテキストボックスがあり、ヒントとしてテキストボックス内に読み取り専用として表示される行がいくつかあります。例えば、
(read-only) Begin Input Category: User
....
....
....
....
(read-only) End Input Category: User
これは jQuery や CSS のいくつかのトリックで可能ですか?
ページにユーザー入力を受け入れるテキストボックスがあり、ヒントとしてテキストボックス内に読み取り専用として表示される行がいくつかあります。例えば、
(read-only) Begin Input Category: User
....
....
....
....
(read-only) End Input Category: User
これは jQuery や CSS のいくつかのトリックで可能ですか?
いいえ、テキスト ボックスの個々の行を読み取り専用にすることはできません。
ただし、元のテキストの別のコピーを変数に保持し、ユーザーがテキストボックスに入力するたびに比較し、読み取り専用部分に触れた場合は元に戻すことができますが、これはエラーが発生しやすい可能性があります.
より良い選択は、マスターテンプレートがユーザー編集可能領域を定義するマスターページの仕組みに似たものであり、ユーザーがそれらのユーザー定義領域を入力する場所を提供し (個別のテキストボックス? XML 区切りテキスト?)、レンダリングできます。結合されたビュー
私は不可能だと思います。上部と下部のテキストボックスに隣接して、マージン 0 、上部ラベルの下部境界線 0 、下部ラベルの上部境界線 0 、テキストボックスの上部境界線 0 と下部境界線 0 で、読み取り専用行に 2 つのラベルを配置してみてください。ラベルとテキスト ボックスは同じ長さにする必要があります。これにより、テキスト ボックスの上部と下部の行が読み取り専用になっているように感じる場合があります。フォームを投稿する際に、javascript を使用して、トップ ラベル + テキスト ボックス + ボトム ラベルのデータの組み合わせを投稿します。
または、せいぜいあなたが示したように上記のテキストを表示し、ユーザーがカーソルをテキストボックスに入れたときにテキストを消去することです。再び、カーソルを外したとき (テキスト ボックスからフォーカスを外したとき) に、テキスト ボックスが空かどうかを確認し、空の場合はそのテキストを元に戻します。フォームを送信する際に、テキスト ボックスのデータが存在しない場合は、テキストをテキスト ボックスのデータに追加したり先頭に追加したりできます。
wartermark または同様の手法を使用して、透かしをそのままにして (テキストボックスにフォーカスがあるときに消えるのとは対照的に)、読み取り専用にするのはどうですか?