图 11. 特性
　　　

　　接下来，在 jsp 页面的标签下添加一个空格。从选项板（图 12），选择 input 组件并把它拖到 access stock 输出组件的后面。
　　图 12. faces components 选项板
　　　
　　再一次从 select type 对话框选择 text（图 13）。
　　图 13. 选择类型
　　　
　　jsp 页面现在看起来将和图 14 相似。在输入框后面输入一些新行。
　　图 14. 新 jsp 页面的内容区
　　　
　　从选项板（图 15）选择 command - button 并把它拖到 jsp 页面（图 16）。
　　图 15. 选择 command － button
　　　
　　图 16. 新的 jsp 页面
　　　
　　选择新的按钮，然后转到 attributes 视图。选择 format 选项卡并为 label 输入 submit stock request。jsp 上的按钮将会反映这个新的标签。
　　图 17. 定义 label
　　　
　　保存（save）该 jsp 页面。
　　既然我们已创建了我们的第一个 jsf 表单，我们就将需要把控件绑定到页面数据。page data 视图允许 web 开发人员为任何容许的 jsp 作用域级别创建脚本变量。
　　在 accessstock.jsp 还保持打开的同时，转到位于工作台左侧中部的 page data 视图。选择 jsp scripting，右键单击 requestscope，然后选择 add request scope variable（图 18）。
　　图 18. jsp scripting 菜单
　　　
　　在显示的 add request scope variable 对话框，输入下列值：
　　variable name：symbol
　　type：java.lang.string
　　然后选择 ok。
　　现在已定义了变量。任何支持 jstl 表达式语言的标记现在都可以利用 ${requestscope.symbol} 来访问 symbol 变量了。jsf 标记支持 jstl 表达式语言；jsp 2.0 也将完全支持 jstl 表达式语言。对于 web 开发人员来说使用表达式语言比使用 java 中的 jsp 表达式简单得多。
　　图 19. 访问 symbol 变量
　　　
　　我们现在可以利用某个组件的 attribute 视图来把我们已经定义的页面数据绑定到一个控件。在此，我们将把 input 控件绑定到在 requestscope 中定义的 symbol 变量：
　　突出显示 accessstock.jsp 上的 input 控件（图 20）。
　　图 20. accessstock.jsp