SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

DeveloperZine(デベロッパージン)- エンジニアの意思決定を支える技術情報メディア ProductZine

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

Expression Webチュートリアル

Expression WebでASP.NETと連携するWebフォームを作ってみよう

Expression WebにおけるASP.NETコントロールの利用


ASP.NETコントロールの挿入

 先ほど作成したWebユーザーコントロールにASP.NETコントロールを挿入し、Webフォームを作成します。ここでは、「名前」「E-mailアドレス」および「お問い合わせ内容」フォームフィールドを作成します。

  1. 一つの段落ごとに「名前」「E-mailアドレス」「お問い合わせ」を入力します。「名前」と入力し、[Enter]キーを押して改行し、同様に「E-mailアドレス」「お問い合わせ」を1行ずつ入力しておきます。
  2. 続いて、名前のフィールドを挿入します。「名前」の末尾にカーソルを移動して、段落内改行タグ<br />を挿入するために[Shift]+[Enter]キーを押し、テキストボックスを挿入します。ツールボックス作業ウィンドウのASP.NETコントロールカテゴリの中から「Textbox」をダブルクリックします。
    ツールボックス作業ウィンドウのASP.NETコントロールカテゴリから「TextBox」をダブルクリック
    ツールボックス作業ウィンドウのASP.NETコントロールカテゴリから「TextBox」をダブルクリック
  3. テキストボックスが挿入されたら、タグのプロパティ作業ウィンドウで、IDを「name」に変更します。
     
  4. 同様に、E-mailアドレスにもテキストボックスを挿入し、IDに「email」を設定します。
  5. E-mailアドレスを入力しやすいように、Widthを指定します。
     
  6. メッセージにも同様にテキストボックスを挿入し、タグのプロパティ作業ウィンドウを使って、IDに「message」、Heightに「200px」、Widthに「300px」を指定します。
     
  7. TextModeを「MultiLine」に変更すると、スクロールバーが表示されます。
     
  8. メッセージ入力欄の後に、[Button]をダブルクリックしてボタンを挿入します。
     
  9. ボタンのIDに「Submit」を指定し、Textを「送信」にします。
     
  10. 最後に、[ファイル]-[名前を付けて保存]をクリックし、ASCXファイルを保存します。
     

次のページ
Webユーザーコントロールの挿入

この記事は参考になりましたか?

Expression Webチュートリアル連載記事一覧

もっと読む

この記事の著者

小濱 良恵(コハマ ヨシエ)

Microsoft MVP for Expression WebMSソフトの解説書やWeb記事を執筆するテクニカルライター。Expression Webの前身となるFrontPageは2000バージョンから使用しはじめ、個人サイト(www.wanichan.com) においてFrontPageやExpression Webをはじめ、Microsoft Office全般などの総合情報&T...

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

CodeZine(コードジン)
https://codezine.jp/article/detail/1832 2009/04/14 11:19

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー