Freecodecamp: 添加表单控件的描述

创建于 2016-08-23  ·  5评论  ·  资料来源: freeCodeCamp/freeCodeCamp

挑战名称

https://www.freecodecamp.com/challenges/style-text-inputs-as-form-controls

问题说明

如果对将表单控件类添加到输入字段的描述确实有用,那么此挑战将提供更多信息。 类似于以下内容:

类[.form-control]的所有文本[input],[textarea]和[select]元素的宽度均为100%。

first timers only help wanted

最有用的评论

在样式文本输入作为表单控件中出现问题
只需给一个class =“ form-control”

1) <form action="/submit-cat-photo" class="form-control">

2) <div class="row" class="form-control">
复选框的第一个div之前i.e. <div class="col-xs-4">

最后在这里添加
3) <input type="text" placeholder="cat photo URL" class="form-control" required>

所有5条评论

当前的挑战很短,值得在这里添加一个解释。

到第一时间:
您将需要在行下添加句子。 请检查我们的贡献准则,如果您需要任何帮助,请联系贡献者聊天室

注意:仅当您是新手并且之前没有提交过此请求时,才可以提交拉取请求。 因此,问题标签first-timers-only :stuck_out_tongue_winking_eye:

您需要专门添加的代码是

"All textual <code>&lt;input&gt;</code>, <code>&lt;textarea&gt;</code>, and <code>&lt;select&gt;</code> elements with the class <code>.form-control</code> have a width of 100%."

它应该呈现为

类别.form-control所有文本<input><textarea><select>元素的宽度为100%。

嘿。 我是新手,有兴趣开始为Free Code Camp做贡献。 我将为此问题提交PR。 谢谢!

嘿,测试呢?
应为每个输入添加测试。

在样式文本输入作为表单控件中出现问题
只需给一个class =“ form-control”

1) <form action="/submit-cat-photo" class="form-control">

2) <div class="row" class="form-control">
复选框的第一个div之前i.e. <div class="col-xs-4">

最后在这里添加
3) <input type="text" placeholder="cat photo URL" class="form-control" required>

此页面是否有帮助?
0 / 5 - 0 等级