单选按钮中的HTML文本框？

我希望人们用单选按钮选择搜索内容的方式，然后在单选按钮内的文本框中获取值。我正在添加我想要的图像，因为英语不是我的第一语言或第二语言。我相信这对你们很多人来说都是不需要动脑筋的，所以如果你能帮助我了解这本书的基本结构，我将不胜感激。

按姓名搜索


姓


名称



按您的安全号码搜索


安全号码

您应该发送您的尝试，但由于这是一项非常简单的任务，因此以下是表单的基本结构：

输入[类型=文本]{
填充：8px 16px；
保证金：8px 0 8px 40px；
显示：内联块；
边框：1px实心#ccc；
边界半径：4px；
框大小：边框框；
}
输入[类型=提交]{
宽度：50%；
背景色：#54E5BF；
颜色：白色；
填充：10px26px；
利润率：8px0；
边界：无；
边界半径：4px；
光标：指针；
}

以您喜欢的方式搜索：

使用姓名进行搜索：

使用您的SSN进行搜索：

谢谢您的帮助！！